汽车导购
html5从入门到精通(HTML5教程从入门到精通,随堂笔记(二)H5的form标签)

问:网站怎样与用户进行交互? 答案:使用HTML表单(form).

form标签是成对出现的,以<form>开始,以</form>结束

action -- 浏览者输入的数据被传送到的地方,如一个PHP页面(dofm.php)

get -- 此方式传递数据量少,但是传递的信息显示在网址上。

enctype -- 表示将数据发送到服务器时浏览器使用的编码类型

multipart/form-data -- 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分.

HTML5 input标签

input标签是单独出现的,<input />

type -- 代表一个输入域的显示方式(分为输入型,选择型,点击型)

value -- 输入域的值

maxlength -- 输入域最多可以输入文字的长度

readonly -- 输入域可以选择,但是无法修改 ,值为readonly

accesskey -- 表单的快捷键访问方式,如值为h即按Alt+h快捷键。

src -- 当使用图片来表示按钮时,代表图片的位置(URI)

type属性 -- 代表HTML表单,单行输入域(框)的表现方式

text -- 文字输入域(输入型)

file -- 可以输入一个文件路径(输入型)

radio -- 单选框.只可以选择一个而且必须选择一个(选择型)

button -- 按钮(点击型)

reset -- 重置按钮,可以把表单中的信息清空(点击型)

select标签是成对出现的,以<select>开始,以</select>结束

属性:

size -- 选择域的高度

disabled -- 以灰色显示,在表单中不起任何作用

option 标签 -- 代表选择列表的一个选择项

属性:

value -- 说明选择项的值

disabled -- 输入框无法获得焦点,以灰色显示,在表单中表示禁用

tabindex -- 使用"tab"键的遍历顺序


顶一下()     踩一下()

热门推荐

发表评论
0评