HTML学习4----表单控件

1.常用的表单控件有以下几种：

①单行文本输入框（text）
②密码框（password）
③单选按钮（radio）
④复选框（checkbox）
⑤下拉列表（select）
⑥重置按钮（reset）
(7)提交按钮（submit）
(8)多行文本框（textarea）

2.表单的基本结构：

<form action="表单提交的地址" metho="表单提交的方式">
内容。。。内容
</form>

①action(表单提交地址)：处理该表单的服务器程序的URL地址
②method(表单提交方式)：有post和get两种提交方式

★post:使用该方式提交表单，没有提交的字节限制，提交的内容不可见！！

★get(默认):使用该方式提交表单，最大可提交255字节，提交内容地址栏可见！！

3.各个表单的写法：

用户名：<input type="text" name="username" maxlength="6" value="请输入用户名" size="20"/>

注意事项:★size：控件的初始宽度。
★maxlength:控件输入的最多字符个数。
★name:控件的名称。

密码：<input type="password" name="pwd" maxlength="6"/>

性别：<input type="radio" name="sex"/>男
<input type="radio" name="sex" checked="checked"/>女

注意事项：radio控件中的name属性的值必须相同。

爱好：<input type="checkbox" checked="checked" name="fav"/>体育
<input type="checkbox" name="fav"/>音乐
<input type="checkbox" checked="checked" name="fav"/>美术

注意事项：checkbox控件中的name属性的属性值必须相同。

地址：<select name="address" size="1">
<option>--请选择--</option>
<option value="a">中国</option>
<option value="b" selected="selected">美国</option>
</select>

留言：<textarea cols="50" rows="6">请输入内容</textarea>

重置：<input type="reset" value="重置"/>

按钮：<input type="button" value="按钮"/>

提交：<input type="submit" value="保存/注册/登录/搜索"/>

以下是我参考ZenCodingCheatSheet.pdf的内容：就是用notepad++写网页常用的快捷键。可以加快我们开发的速度，前提是你绝对的熟悉这些快捷键。这只是我认为几个常用的，更多请参考：ZenCodingCheatSheet.pdf

html:xt h1 br p pre ul+ ol+ i b

table+ th td tr+ form

ol>li*5

a:link

a:mail

form:get

input:t

input:p

input:r

input:b

input:s

select+

table>tr*5>td*5

本文出自 “我的JAVA世界” 博客，请务必保留此出处http://hanchaohan.blog.51cto.com/2996417/927310