您的位置:首页 > Web前端 > HTML

HTML高级(表单标签)

2012-09-09 22:05 471 查看
表单标签

<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: