程序博客网 > 奇迹英语软件怎么样

HTML格式7

来源：互联网发布：奇迹英语软件怎么样编辑：程序博客网时间：2024/04/29 08:12

参考：http://www.521yy.com/tools/html/forms.htm

HTML表单

1.概述

HTML表单用来选择不同种类的用户输入。

表单是一个能够包含表单元素的区域。
表单元素是能够让用户在表单中输入信息的元素（比如文本框，密码框，下拉菜单，单选框，复选框等等）。
表单是用<form>元素定义的。

<form>
<input>
<input>
</form>

Input

最常用的表单标签是<input>标签。Input的类型用type属性指定。最常用的input类型解释如下：

文本框

在表单中，文本框用来让用户输入字母、数字等等，文本框的宽度默认是20个字符。

<form>
First name:
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="lastname">
</form>

在浏览器中显示如下：First name:
Last name:

单选按钮

当需要用户从有限个选项中选择一个时，使用单选按钮，各选项中只能选取一个
<form>

<input type="radio" name="sex" value="male">Male
<br>
<input type="radio" name="sex" value="female">Female
</form>

在浏览器中显示如下：

Male
Female

复选框

当需要用户从有限个选项中选择一个或多个时，使用复选框。

<form>
<input type="checkbox" name="bike">
I have a bike
<br>
<input type="checkbox" name="car">
I have a car
</form>

在浏览器中显示如下：

表单的action属性和提交按钮
当用户点击提交按钮的时候，表单的内容会被提交到其他文件。
表单的action属性定义了所要提交到的目的文件，该目的文件收到信息后通常进行相关的处理。
<form name="input" action="html_form_action.asp" method="get">
Username:
<input type="text" name="user">
<input type="submit" value="Submit">
</form>
在浏览器中显示如下：
Username:
下拉列表
<html>
<body>
<form>
<select name="cars">
<option value="volvo">Volvo
<option value="saab">Saab
<option value="fiat">Fiat
<option value="audi">Audi
</select>
</form>
</body>
</html>
option标签内部可定义属性，指定哪一项作为默认的显示，即增加selected属性，如<option value="fiat" selected>Fiat 。
不指定的话则默认为第一项显示。
  文本域
在文本域中，字符个数不受限制。
<html>
<body>
<p>
This example demonstrates a text-area.
</p>
<textarea rows="10" cols="30">
The cat was playing in the garden.
</textarea>
</body>
</html>
按钮
<html>
<body>
<form>
<input type="button" value="Hello world!">
</form>
</body>
</html>
  标题边框
<html>
<body>
<fieldset>
<legend>
Health information: ---边框标题
</legend>
<form>
Height<input type="text" size="3">
Weight<input type="text" size="3">
</form>
</fieldset>
<p>
If there is no border around the input form, your browser is too old.
</p>
</body>
</html>
显示如下图所示：

奇迹英语软件怎么样

奇迹英语软件怎么样

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子小机箱主板小主板和大主板的区别主板小板和大板的区别主板大板和小板有什么区别主板大板好还是小板好主板小板和大板区别怎么看主板是大板还是小板电脑主板大板好还是小板好主板中小板创业板新三板日立hgp主板小灯解析小天鹅洗衣机主板多少钱主板买大板还是小板技嘉小雕主板主板中小板大主板和小主板的区别主板大小主板大小有什么区别主板尺寸新三板创业板中小板主板小丽花小丽花的养殖方法小丽花种子小丽花图片小丽花种子价格花丽逆袭花丽服装花丽逆袭韩三千一之濑丽花东丽网上订花丽都酒店小掰小醒目举动我的一举一动完事后男人这些举动说明爱你巨蟹男喜欢对喜欢的人小举动江小媚江小辣天价宝宝之老公太霸道江小湖沐小乌作品小乌酱