html复习四--表单控件

HTML学习4----表单控件                2012-07-11 18:12:12

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