html表单练习

<!DOCTYPE html>php

<html>html

<head>ide

<meta charset="utf-8">post

<title>biaodan</title>加密

</head>url

<body>spa

<!-- biaodan:form经常使用的有post,getorm

post:容量更大,信息加密htm

get: 传递信息是明文不加密,信息容量小 地址栏方式 url方式游戏

action-->

<form method="post" action="./index.php">

<!-- 文本框 text

type:类型 是必须的

name:名字 是必须的

value:"值"真正传过去的东西

placeholder:占位,说明

label:自动获取焦点-->

<label for="ni"></label><input id="ni" type="text" name="ni" value="" placeholder="请输入昵称"><br>

<!-- 密码框 -->

<label for="pw"></label><input id="pw" type="password" name="pass" placeholder="输入中英文混合密码"><br>

<!-- 提交按钮 -->

<!-- 一般状况下,HTML 会裁掉文档中的空格。假如你在文档中连续输入 10 个空格,那么 HTML 会去掉其中的9个。若是使用 &nbsp;,就能够在文档中增长空格。

 -->

&#160;&#160;&#160;&#160;<input type="submit" name="" value="点我"></input>

<input type="reset" name="" value="重置"></input>

<!-- 单选按钮

name 一组内的必定要同样 -->

<input type="radio" name="sex" value="0">男<br>

<input type="radio" name="sex" value="1">女<br>

<input type="radio" name="sex" value="2">泰国人<br>

<!-- 多选按钮 

type="checkbox"name很重要一组内必定同样-->

<input type="checkbox" name="hobby" value="eat">吃<br>

<input type="checkbox" name="hobby" value="sleep">睡<br>

<input type="checkbox" name="hobby" value="play">玩<br>

<input type="checkbox" name="hobby" value="truvel">旅游<br>

<input type="checkbox" name="hobby" value="game">游戏<br>

<!-- 文本域 textarea

rows 行高

cols 列髙

文本域里面value設置呒傚-->

<textarea name="你" rows="10" cols="100" value"文本">

美好的事情即将发生

</textarea><br>

<!-- 下拉列表 -->

<select name="area">

<option value="1">请选择地点</option>

<option value="2">河东</option>

<option value="3">河西</option>

<option value="4">南开</option>

</select>

</form>

<form method="get"></form>

</body>

</html>

表单是一个包含表单元素的区域。

表单元素是容许用户在表单中(好比:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

表单使用表单标签(<form>)定义

多数状况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。

当用户从若干给定的的选择中选取其一时,就会用到单选框。

当用户须要从若干给定的选择中选取一个或若干选项时,就会用到复选框。

当用户单击确认按钮时,表单的内容会被传送到另外一个文件。表单的动做属性定义了目的文件的文件名。由动做属性定义的这个文件一般会对接收到的输入数据进行相关的处理。

相关文章
相关标签/搜索