html(4)表单

1.语法
<form action="" method="get|post>
<input type="" name="" value=""/>
post：规定如何发送表单数据

2.<input元素的属性>

(1)type属性的值

　　text:表示输入框（文本框）
　　password：表示密码框
　　submit：表示提交按钮
　　reset：表示重置按钮
　　radio：单选按钮
　　checkbox：复选按钮
　　file：文件传输协议
　　hidden：隐藏域
　　image：照片
　　button：普通按钮

 

3.下拉框

<select name="" >　　　　　　　　　　       <!--下拉框-->
　　<option value=""></option> 　　　　   <!--下拉框选项-->
</select>
注意：a.默认选中<option selected="selected"></option>
　　　b.radio,<checkbox的默认选中是checked="checked"

<select name="mouse">
                <option value="mr">默认</option>
                <option value="cs" selected="selected">极速</option>
                <option value="bj">北京</option>
                <option value="sh">上海</option>
            </select>

4.图片按钮

<input type="image" src="图片路径+名称"/>

5.文本域

<input type="file"/>

注意：提交方式是post，并且在form中指定enctype="multipart/form-data"

6.多行文本域
<textarea cols="多行" rows="多行"> </textarea>
7.域
<fielsdet> //域标签
　　<legend>xxxx</legend> //域标签
　　<input type="xxx">
</fielsdet>

8.表单元素标注
<label for="id属性值"></label>标注
步骤：
　　第一步：给指定的标签加上id属性
　　第二步：在label中加上for="id的属性的值"
9.只读和禁用
只读：<readonly="readonly">
禁用：<disabled="disabled">