3.3 表单标签 /7/25

时间：2011-07-28 08:40:22 随笔(旧）我要投稿

3.3 表单标签 2011/7/25

3.3 表单标签 2011/7/25

3.3 表单标签 2011/7/25

表单是用户提交信息的主要方式，是动态网站与静态网站的主要区别，学好表单将是你学习动态网站事半功倍。

标签	描述
<form>	定义供用户输入的表单
<input>	定义输入域
<textarea>	定义文本域 (一个多行的输入控件)
<label>	定义一个控制的标签
<fieldset>	定义域
<legend>	定义域的标题
<select>	定义一个选择列表
<optgroup>	定义选项组
<option>	定义下拉列表中的选项
<button>	定义一个按钮

定义表单的形式:

<form>

<input type=””>

</input>

</form>

输入类型是由类型属性(type)定义的.

经常被用到的输入类型如下:

文本域,单选框,复选框,下来表单,按钮表单,绘制带标题的框:

<form>

First name:

<input type="text" name="firstname"> <!文本域> <br>

Female：<input type="radio" name="Sex" checked=”checked” value="female"> <!单选框>

Male: <input type="radio" name="Sex" value="male"> <!单选框><br>

<input type="checkbox" name"bike"> I have a bike! <!复选框><br/>

<input type="button" value="button"><br/> <!按钮表单>

<select name="cars"><!下拉菜单>

<option value="saab">Saab</option>

<option value="fiat" selected="selected">Fiat</option>

</select><br/>

<fieldset><!在数据周围绘制带标题的框>

<legend>健康信息：</legend>

身高：<input type="text" />体重：<input type="text" />

</fieldset>

</form>

注:单选框中的`几个选择项根据name确定为一组,一组选择中只能有一项被选择,如果不指定为同样的name,则无法实现确定为一组.

网页效果:

表单的动作属性(Action)和确认按钮:

用户单击确认按钮时,表单的内容会被传送到另一个文件.表单的动作属性定义了目的文件的文件名.由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理.

代码举例:

<form name="input" action="html_form_action.php" method="post">

Username:

<input type="text" name="user">

<input type="submit" value="Submit">

</form>

网页效果:

【3.3 表单标签 2011/7/25】相关文章：

1.3.4 列表标签 2011/7/25

2.3.5 表格标签 2011/7/26

3.3.1 基本的HTML标签 2011/7/24

4.第三章 html标签 2011/7/24

6.小小标签创奇迹励志故事

7.小小标签创奇迹励志故事分享

8.90后新标签：从容、理性、务实

上一篇：3.2 HTML链接超链接下一篇：3.1 基本的HTML标签 /7/24

最新文章

猜你喜欢