表单元素详解-优快云博客

表单域是表单的区域,用来控制表单提交时候的数据访问.

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"数据提交的方法