html学习04

表单标签

• 表单标签form

<form name="表单名称" method="表单提交方式" action="处理表单的文件"></form>

属性：

action：文件路径（表单提交后，处理表单的文件 ）

method：请求方式 （method 属性用来明确表单的提交方式。 ）

method 属性设置为 get 时，传递的数据量受到浏览器种类和版本的限制

name：字符串（表单的名称。）

• 表单元素

由三种标签构成：input、textarea、select它们都要包含在form标签中才有效(当然HTML5扩展了一个button标签)

• input标签

语法格式如下：

<input type="元素类型" name="元素名称" value=”元素值”id="客户端唯一标识">

type中有不同元素类型：

类型	作用
type=”text“	单行文本框
type="password"	密码框
type=”radio“	单选
type=”checkbox“	多选
type=”submit“	提交
type=”reset“	复位
type=”button“	按钮
type=”image“	图像
type=”hidden“	隐藏域
type=”file“	文件域

input 标签的其它属性:

属性名称	属性值	功能
name	字符串	元素名称
value	字符串	元素值
id	字符串	客户端唯一标识
size	数字	以字符个数设定的元素宽度
maxlength	数字	元素接受字符数的上限
checked		元素是否被选中

<label for="usename">用户名称：</label>
<input type="text" id="usename" name="usename" value="lh" readonly/><br/>
<input type="text" name="usename1" value="lh" disabled /><br />
用户密码：<input type="password" name="password" required autofocus /><br>
用户性别：<input type="radio" value="男" name="gender" checked />男
<input type="radio" value="女" name="gender"/>女<br />
您的爱好：
<input type="checkbox" value="football" name="fav" />足球
<input type="checkbox" value="篮球" name="fav" />篮球
<input type="checkbox" value="LOL" name="fav" />LOL
<input type="checkbox" value="韩剧" name="fav" />韩剧
<input type="checkbox" value="王者荣耀" name="fav" />王者荣耀
<br />
邮箱：
<input type="email" name="email" placeholder="请输入您的邮箱" /><br>
用户头像：<input type="file" name="avatar" id="avatar" /><br>
<input type="hidden" name="id" value="12"/><br />

• select标签

下拉选择框

<select name="元素名称" multiple="multiple">
<option value=”值" selected>选项 1</option>
<option value=”值" >选项 2</option>
<option value=”值" >选项 3</option>
<option value=”值" >选项 4</option>
</select>

属性名称	属性值	属性作用
option	子项	下拉框中的选项
value	字符串	选项的值
name	字符串	下拉框的名称
selected		默认被选中的选项
multiple	"multiple"	以列表形式显示

当 select 标签设置 multiple 属性时， select 以列表形式显示，当 select 标签不设置 multiple

属性时，以下拉框形式显示。列表框在选择时按住键盘的 ctrl 或 shix 键可以实现多选，而下拉框只

能单选。

• textarea标签

属性名称	属性值	属性作用
cols	数字	以字符个数设定的多行文本框的宽度
cols	数字	以行数设定的多行文本框的高度
name	字符串	多行文本框的名称