六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 97|回复: 0

<from>标签

[复制链接]

升级  8%

16

主题

16

主题

16

主题

秀才

Rank: 2

积分
62
 楼主| 发表于 2013-2-7 18:54:31 | 显示全部楼层 |阅读模式
<from>标签


 

 

一,
定义和用法

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend和 label元素

表单用于向服务器传输数据。

二,提示和注释

注释:form 元素是块级元素,其前后会产生折行。

三,实例

1,文本域和密码框

 

<form>用户:<input type="text" name="user"><br />密码:<input type="password" name="password"></form>
 2,单选框

 

<form>男性:<input type="radio" checked="checked" name="Sex" value="male" /><br />女性:<input type="radio" name="Sex" value="female" /></form>
注意:name属性应该相同

 3,复选框

 

<form>我喜欢自行车:<input type="checkbox" name="Bike"><br />我喜欢汽车:<input type="checkbox" name="Car"></form>
 4,简单的下拉列表

 

<form><select name="cars"><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="fiat" selected="selected">Fiat</option><option value="audi">Audi</option></select></form>
 5,文本域

 

<textarea rows="10" cols="30">The cat was playing in the garden.
 6,创建按钮

 

<form><input type="button" value="Hello world!"></form>
 7,围绕数据的FieldSet

 

<fieldset><legend>健康信息:</legend><form><label>身高:<input type="text" /></label><label>体重:<input type="text" /></label></form></fieldset>
 8,从表单发送电子邮件

 

<html><body><form action="MAILTO:testi@163.com" method="post" enctype="text/plain"><h3>这个表单会把电子邮件发送到 W3School。</h3>姓名:<br /><input type="text" name="name" value="yourname" size="20"><br />电邮:<br /><input type="text" name="mail" value="yourmail" size="20"><br />内容:<br /><input type="text" name="comment" value="yourcomment" size="40"><br /><br /><input type="submit" value="发送"><input type="reset" value="重置"></form></body></html>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表