第十四章 XHTML表单 交互活动

本文详细介绍了HTML中各种表单元素的使用方法,包括文本框、提交按钮、单选框、复选框、文本区、选择列表等,以及POST和GET两种数据提交方式的区别和应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、使用<form>元素创建一个表单。

2、输入文本框   <input>输入文本框元素用来输入一行文本。

 <input  type =”text” name=”fullname” />

3、提交按钮   <input>提交元素创建了一个表单的提交按钮

<input type=”submit”>

4、输入单选框   <input>的单选框元素创建了有多个按钮的单选控件,任何时候只能选择其中的一个。

<input type=”radio”  name=”hotornot” value=”hot” />

5、输入复选框 <input>复选框创建了一个复选框控件,可以被选中或不被选中。

<input  type=”checkbox” name=”spice” value=”salt” />

6、文本区  <textarea>元素创建了一个可输入多行文本的文本框。

<textarea name=”comments” rows=”10” cols=”48”> </textarea>

使用<name>属性获取一个唯一的名字;属性rows告诉浏览器文本区的高度;属性cols告诉浏览器文本区的宽度;

7、选择列表<select>元素为网页创建菜单控件,<option>元素与<select>元素共同创建一个菜单 。

<select name=”characters”>

<option value=”Buckaroo”>Buckaroo Banzai </option>

<option value=”Tommy”>Perfect Tommy </option>

</select>

8、浏览器使用的两种基本方式:POST和GET。

POST把表单变量打包后隐藏在后台发送给服务器;GET也把表单变量打包,不过在它向浏览器发送请求之前,附加在URL的末端部分。

9、<fieldset>元素用来组合普通元素,<legend>为每个组合提供一相标签。

10、<input type=”password” name=”secret” />除了输入的文本被隐藏外,<input>口令元素与<input>文本元素非常地相似。

11、文件输入 <input type=”file” name=”doc” /> 把它的type设置为”file”,设置完毕后,<input>元素会创建一个控件,控件允许选择文件,而且当表单被提交,文件内容连同余下的表单元素一起发送给服务器

12、<select name="beans" multiple=”multiple“>

       <option value="House Blend">House Blend</option>

       <option value="Bolivia">Shade Grown Bolivia Supremo</option>

       <option value="Guatemala">Organic Guatemala</option>

       <option value="Kenya">Kenya</option>

   </select>

只需添加一个值为”multiple“的”multiple“属性,就可将单选菜单化为多选菜单。

13、<form>元素定义了一个表单,所有的input元素放在,<form>元素中。

14、Action属性包含了web应用程序的URL。

15、method属性包括两种发送表单数据的方法:一种是POST,一种是GET.

16、POST将数据打包并将数据包作为请求的一部分发送。

17、GET也将数据打包并将数据包附在URL上。

18、当表单数据为私有或者数量大时,使用POST方式,比如<textarea>或者文件<input>元素。

19、对于可能要标注的请求,使用GET。

20、<input>元素能够演变为网页许多不同的input控件,主要取决于type的属性值。

21、type为text,创建一个单行文本输入框。

22、type为submit,创建一个提交按钮。,

23、type为radio,创建一个单选框按钮,所有单选框按钮名字相同,这些单选框组成一个互助互斥的按钮组。

24、type为checkbox,创建一个复选框控件,多个复选框共享一个复选框名字,并可得到一组选项。

25、<textare>元素创建一个多行文本输入区。

26、<select>元素创建一个包括一个或多个<option>元素的菜单。<option>元素定义了菜单的项目 。

27、如果 把文本放入<textarea>元素的内容中,那么在网页上将会当成文本区控件的默认文本。

28、text<input>元素中的value属性,可以单独为单行输入文本框设置value值。

29、在提交按钮上设置value属性,可改变按钮上的文字。

30、当网页表单被 提交后,表单数据值与相应的表单数据名匹配成对,然后把所有的表单数据名匹配成对,然后把所有的表单数据名与值发送给服务器。

31、表格常用作表单的版面设计,给表单一个表格式的结构。布局后,CSS为表单的外观进行样式化,比如颜色、字体等。

32、XHTML允许使用<fieldset>元素组合表单元素。

33、<lable>元素以一种很简单的方式给表单元素附加标签。

转载于:https://www.cnblogs.com/jjxxl-217/archive/2013/05/21/3091045.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值