2.5表单元素

2.5表单元素、<input>元素

表单元素：

表单元素	功能
Input	规定用户可输入数据的输入字段
Keygen	规定用于表单密钥生成器字段
Object	定义嵌入对象
Output	定义不同类型的输出
Select	定义下拉列表
Textarea	定义多行的文本输入区域
label	定义说明文字

·<input>元素

格式：<input type=”表项类型” name=”表项名” value=”默认值” size=”x” maxlength=”y”>

含义：

Type:加入的表项类型

Name:该表项的控制名

Value: 默认值

Size: 输入字段中可见字符数

Maxlength:允许输入的最大字符数

Checked:页面加载时是否预先选择项

Readonly:字符段的值无法修改

Autofocus：加载时是否获得焦点

Disabled:是否禁用该input元素

·文字框

<input type=”text” name=”文本框名”>

·密码框

<input type=”password” name=”密码框名”>

·按钮

重置按钮:<input type=”reset” value=”按钮名”>

提交按钮:<input type=”submit” value=”按钮名” >

普通按钮:<input type=”button” value=“按钮名”>

图片按钮:<input type=”image” src=”图片来源”>

·复选框

格式:

<input type=”checkbox” name=”复选框名” value=”提交值” checked=”checked”>

Value后跟复选框的提交值

Checked后为默认选中项

例子：

<form>

       联盟:<input type=”checkbox” name=”lol” value=”legend_1”/>

<input type=”checkbox” name=”lol” value=”legend_2”/>

<input type=”checkbox” name=”lol” value=”legend_3” checked=”checked”/>

</from>

·单选按钮

格式：

<input type=”radio” name=”单选按钮名” value=”提交值” checked=“checked”/>

·隐藏域

格式：

<input type=”hidden” name=”隐藏域名” value=”提交值”>

·文件域

格式:

<input type=”file” name=”文件域名”>

·选择栏

select格式:

<select size=”x” name=”控制操作名” multiple=”multiple”>

       <option …>… <option>

       <option …>… <option>

       <option …>… <option>

       …

</select>

Size：取数字 表示一次可显示的列数

Name：控制操作名字

Option格式：

<option value=“可选择的内容” selected=“selected”>…</option>

若加Selected则表示该项为默认项

·多行文本域

<textarea name=”文本域名” rows=”行数” cols=”列数”>

文本内容

</textarea>