表单域是表单的区域,用来控制表单提交时候的数据访问.
input标记文本框
<!-- type:类别 文本框 size:表示字符宽度 maxlength:表示最多输入的字符数 -->
<input type="text" name="uname" size="20" maxlength="10">
密码框
<!-- type:类别 密码框 maxlength:表示最多输入的字符数 -->
<input type="password" name="pwd" maxlength="6">
单选按钮
<!-- type:类别 单选按钮 -->
<input type="radio" name="sex" value="1" checked="checked" />男
<input type="radio" name="sex" value="0" />女
ps: 1. 同一组的名字要一致 2. 必须要给无法输入的表单元素赋值 3. 默认选中checked="checked"
多选框(复选按钮)
<!-- type:类别 多选框(复选按钮) -->
<input type="checkbox" name="hobby" value="围棋" checked="checked" />围棋
<input type="checkbox" name="hobby" value="动漫" />动漫
<input type="checkbox" name="hobby" value="编程" />编程
提交
用来向服务器提交数据.
<input type="submit" value="注册" name="submit"/>
重置
用来清空填写的数据
<input type="reset" value="重置" name="button"/>
普通按钮
<input type="button" value="返回" />
下拉菜单
<!-- 下拉菜单 -->
<select name="degree">
<option value="学士">学士</option>
<option value="硕士" selected="selected">硕士</option>
<option value="博士">博士</option>
</select>
<select> 下拉菜单 <option>下拉菜单项 selected="selected"默认选中
多行文本<!-- 多行文本 cols:容纳的列数 rows:容纳的行数 -->
<textarea name="leavewords" cols="25" rows="5"></textarea>
form标签的 action,method属性
action="数据提交的位置", action=""表示提交到本页面
method="get"数据提交的方法