码迷,mamicode.com
首页 > 其他好文 > 详细

表单元素

时间:2018-05-04 20:23:51      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:BMI   word   legend   tar   set   form   inpu   重置   元素   

<form>
<p>text:文本框</p>
姓名:<input type="text" name="username"><br><br>

<p>password:密码框</p>
密码:<input type="password" name="password"><br><br>

<p>radio:单选按钮</p>
男性:<input type="radio" checked="checked" name="Sex" value="male" />
女性:<input type="radio" name="Sex" value="female" /><br><br>

<p>checkbox:复选框</p>
自行车:<input type="checkbox" name="Bike">
汽车:<input type="checkbox" name="Car"><br><br>

<p>select:下拉列表框</p>
<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><br><br>

<p>Textarea:文本域框</p>
<textarea rows="10" cols="30"></textarea><br><br>

<p>button:按钮</p>
<input type="button" value="Hello world!"><br><br>

<p>fieldset:数据标题框</p>
<fieldset>
<legend>健康信息</legend>
身高:<input type="text" />
体重:<input type="text" />
</fieldset><br><br>

<p>text:电子邮件</p>
姓名:<input type="text" name="name" value="yourname" size="20"><br>
电邮:<input type="text" name="mail" value="yourmail" size="20"><br>
内容:<input type="text" name="comment" value="yourcomment" size="40"><br>
<input type="submit" value="发送">
<input type="reset" value="重置"><br><br>
</form>

表单元素

标签:BMI   word   legend   tar   set   form   inpu   重置   元素   

原文地址:https://www.cnblogs.com/yachjin/p/8992139.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!