代码改变世界

html表格的输入

2015-08-23 16:38  兮月  阅读(601)  评论(0编辑  收藏  举报

<form></form>表单的输入控件必须放置在form内。
格式:
<form action="表单程序地址" method="get/post">
action 表示保单被传到哪里
其他属性:
accept:处理服务器可以接受的文档类型。列表用逗号分离。
accept-charset 表单数据可用的字符集列表。列表用逗号分离。
恩type表单数据的内容类型
name 表单的名称
id 表单的唯一标识号
输入控件
input 使用type定义不同类型的控件(文本,口令字段,复选框,单选框,提交和重置按钮)
文本:text
<p>姓名<input type="text" id="yournamename" size="30" maxlength="10"/><p>
口令:password
<p>密码 <input type="password" id="yourpassword" size="30" maxlength="15"/></p>
size是输出框的长度,maxlength是驶入内容的长度。password设置状态为保密。
单选框:radio
<p>选择你最喜欢的运动</p>
<input type="radio" name="yundong" id="youyong" value="游泳"/>游泳
<input type="radio" name="yundong" id="paobu" value="跑步"/>跑步
<input type="radio" name="yundong" id="daqiu" value="打球"/>打球
复选框: checkbox
<p>选择你出生的城市</p>
   <input type="checkbox" id="sh" name="city" value="上海"  checked="checked"/>上海
   <input type="checkbox" id="cd" name="city" value="成都"/>成都
   <input type="checkbox" id="nj" name="city" value="南京"/>南京
他们的name值必须一致,服务器才会以为是一个组。
下拉菜单:<select><option>
<p>你最喜欢的民国女姓</p>
<select name="nvxing" id="nvxing">
<option value="linhuiyin">林徽因</option>
<option value="luxiaoman">陆小曼</option>
<option value="zhangailing">张爱玲</option>
<option value="bingxin">冰心</option>
多行文本:<textarea>
<p>您对我们的建议:</p> 
<textarea name="content" id="content" cols="30" rows="10"></textarea>
创建了一个高为10,宽为30的多行文本框。
文件的提交和重置:submit和reset
<form action="http//www.baidu.com" name="xuanzhe" id="xuanzhe" method="get">
<p>您对我们的建议:</p>
<textarea name="content" id="content" cols="30" rows="10"></textarea>
 <input type="submit" value="提交"/>
 <input type="reset" value="清除"/>
</form>
form的文件上传
当form的enctype=“form/multipart”  method=“post”
<form action="http//www.baidu.com" method="post" enctype="form/multipart"><p>请上传你的文件</p>
<input type="file" id="resume"/>
</form>