3月20日 表单

1、文本输入

文本框<input type="txt" value=""/>

密码框<input type="password" value=""/>

文本域<texearea name="" id=""cols=""(字符多少) rows=""(几行高)></textarea>

隐藏域<input type="hidden" value=""/>

2、按钮

提交按钮<input type="submit" value=""/>

重置按钮<input type="reset" value=""/>

普通按钮<input type="button" value=""/>

图片按钮<input type="image" src="图片地址"/>

disabled 使按钮失效

3、选择输入

单选按钮组<input type="radio" name=""/>

复选框组<input type="checkbox"name="" value=""/>

文件上传<input type="file" name=""id=""/>

标签<lable for=""></lable>

4、下拉列表框

<select size="" name="">size=1时,为菜单;size>1时,为列表

<option value="">内容1</option>

<option value="">内容2</option>

</select>

5、例:邮箱登录界面

<body bgcolor="#0066CC">
<table width="500" height="600" cellpadding="0" cellspacing="0" border="0" align="center" >
<tr>
<td >邮箱:</td>
<td>
<input type="text" value=""/>
</td>
</tr>
<tr>
<td></td>
<td>需要通过邮箱激活账户,不支持sohu,21cn,sogo的邮箱</td>
</tr>
<tr>
<td >登录用户名:</td>
<td><input type="text" value=""/></td>
</tr>
<tr>
<td></td>
<td>仅在登录时使用,字符数不小于4个</td>
</tr>
<tr>
<td >显示名称:</td>
<td>
<input type="text" value=""/>
</td>
</tr>
<tr>
<td></td>
<td>即昵称,字符数不少于2个</td>
</tr>
<tr>
<td >密码:</td>
<td>
<input type="password" value="12345678"/>
</td>
</tr>
<tr>
<td >确认密码:</td>
<td>
<input type="password" value="12345678"/>
</td>
</tr>
<tr>
<td></td>
<td>至少8位,必须包含字母、数字、特殊字符</td>
</tr>
<tr>
<td >性别:</td>
<td>
<input type="radio" name="sex" /><input type="radio" name="sex" />女<br/>
</td>
</tr>
<tr>
<td >喜好:</td>
<td>
<select size="1" >
<option>听音乐</option>
<option>唱歌</option>
<option>读书</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="提交"/>
</td>
</tr>

</table>




</body>
原文地址:https://www.cnblogs.com/dongqiaozhi/p/5298904.html