HTML高级（表单标签）

表单标签

<form></form>

属性：

action:服务器端处理用户输入的程序，URL

action="http://www.baidu.com/counter.jsp"

没有设置或为空串时，提交给自己

method:定义浏览器将表单中信息提交给服务器端处理程序的方式，

取值可以为

GET：小于1K

POST:信息量较大

target：用来指定服务器返回结果显示的目标窗口或目标帧

title：设置鼠标停留时的提示文本

enctype:浏览器将表单数据提交给服务器的编码方法

application/x-www-form-urlencoded ，默认

multipart/form-data

表单元素标签：

1，提交按钮：<input type=submit，value="确认提交"，name="submitMessage">

2, 重置按钮：<input type=reset>

3, 单行文本输入区域：

type=text 

size=50 

maxlength=100 

value="啊哈哈"

name=inputText

disabled:信息不发送给服务器

readonly：只读

4，复选框按钮

type=checkbox

checked:是否被复选

5，单选按钮

type=radio

<input type=radio name=radio1 value=0 checked>男

<input type=radio name=radio1 value=1>女

6，隐藏表单元素

<input type=hidden>

7, 密码输入文本区域

type=password

8, 普通按钮

type=button

9，浏览按钮，上传文件

type=file

 

<form action="" method="POST" enctype="multipart/form-data"><input type=file name=password1 ><br></form>

10,图像

type=img

11,可复选的下拉列表框

<select></select>

属性：

size：显示个数

multiple：可以多选，用CTRL

<option></option>

value:值

selected:初始化选择

12,<textarea></textarea>

cols：行

rows：列

13,<label>标签，进行快捷键设置

for:需要和输入元素的id号一致

accesskey：快捷键

<label for=usr accesskey="a">用户名(<u>a</u>):</label><input type=text name=user id=usr><br>

<form action="" method="POST" target="_blank" title="This is a form"><select><option value="">---</option><option value=1 selected>AHU</option><option value=2>ARU</option><option value=3>ATU</option></select><br><input type=text name=name ><br><input type=password name=password ><br><input type=file name=password ><br><input type=submit><br><textarea>哈哈呵呵，很好噢不错哦</textarea></form>