表单元素

Posted 2020-11-02 yachjin

<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>