表单部分属性值
Posted heitaitou
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了表单部分属性值相关的知识，希望对你有一定的参考价值。
这里面包括做一切选择框的属性。
表单标签：
<form action="表单信息提交的地址” method="提交方式">
表单元素：
<input type="元素类型" name="自定义">
元素类型:
文本框:text
密码框:password
按钮：
1.提交按钮：submit
2.普通按钮：button
3.重置按钮：reset
单选按钮：radio
注意：需要用name进行分组
checked属性 默认选中checked="checked"
当属性名=属性值时 只写属性名就可以了
多选按钮：checkbox
注意需要用name分组
上传：file " enctype="multipart/form-data"
下拉框：
<select name="">
<option>选项一</option>
<option>选项二</option>
</select>
selected默认选中
文本域
<textarea> </textarea>
<input type="submit" value="登录"> 提交的意思！！
<input type="button" value="普通按钮">
<input type="reset" value="重置">
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body><form action=""> <table border="1px" width="860" height="610" cellspacing="0px"> <tr> <td colspan="4"><h3>1.会员登陆名和密码</h3></td> </tr> <tr> <td>用户名：</td> <td colspan="3"><input type="text" name="uname">*<input type="submit" value="检测用户名"><small style="color: blue">5-15位，请使用英文字母（a-zA-Z）数字（1-9）</small></td> </tr> <tr> <td>密码：</td> <td><input type="text" name="uname1"></td> <td colspan="2" style="color: blue">5-15位，请使用英文字母（a-zA-Z）数字（1-9）;注意区分大小写；<br>密码不能与登录名相同；易记；难猜......</td> </tr> <tr> <td>再次输入密码：</td> <td colspan="3"><input type="text" name="uname2">*<small style="color: blue">两次输入的密码必须一致</small></td> </tr> <tr> <td colspan="4"><h3>2.姓名和联系方式</h3></td> </tr> <tr> <td>真实姓名：</td><!--radio:单选按钮--> <td colspan="3"><input type="text" name="uname3">*<label >男<input type="radio" name="sex" value="nan"></label><label >女<input type="radio" name="sex" value="nv"></label></td> </tr> <tr> <td>电子邮箱</td> <td><input type="text" name="uname4"></td> <td colspan="2"><small style="color: red">*非常重要！</small><br><small style="color: blue">这是客户与您联系的首选方式；请一定填写真实</small></td> </tr> <tr> <td>固定电话：</td> <td colspan="3"><input type="text" name="uname5"><small style="color: red">*</small><small style="color: blue">区号+电话号码</small></td> </tr> <tr> <td>公司所在地址：</td><!--select:默认选中--> <td colspan="3"> <select name="area" > <option value="bj">北京</option> </select> <select name="area" id=""> <option value="dc">东城</option> </select> </td> </tr> <tr> <td>街道地址：</td> <td colspan="3"><input type="text" name="uname6"><small style="color: red">*</small><small style="color: blue">填写县（区）、街道、门牌号</small></td> </tr> <tr> <td>传真号码：</td> <td colspan="3"><input type="text" name="unanme7"></td> </tr> <tr> <td>电话号码：</td> <td colspan="3"><input type="text" name="unanme8"></td> </tr> <tr> <td>邮政编码：</td> <td colspan="3"><input type="text" name="uname9"></td> </tr> <tr> <td colspan="4"><h3>3.公司名称和主营业务</h3></td> </tr> <tr> <td>贵公司名称：</td> <td><input type="text" name="uname10"></td> <td colspan="2" style="color: blue">请填写在工商局注册的名称；<br><small style="color: red">*</small><br><small style="color: blue">无商号的个体经营者填写执照上的姓名，如张三（个体经营）</small></td> </tr> <tr> <td>您的职位</td> <td colspan="3"><input type="text" name="uname11"><small style="color: red">*</small></td> </tr> <tr> <td>固定电话：</td> <td colspan="3"><input type="text" name="uname12"><small style="color: red">*</small><small style="color: blue">区号+电话号码</small></td> </tr> <tr> <td>主营行业：</td> <td colspan="3"> <select name="area" > <option value="dg">电子电工</option> </select> <small style="color: blue">请正确选择，您会收到该行业的供求信息</small></td> </tr> <tr> <td>主营产品/服务：</td> <td colspan="3"><input type="text" name="uname13"><small style="color: red">*</small><small style="color: blue">3个主要产品名/服务名，最少要填写一个，列如：太阳能、拉链、布料</small></td> </tr> <tr> <td>公司网址：</td><!--placeholder文本框中显示的文字--> <td colspan="3"><input type="text" name="uname14" placeholder="http://"></td> </tr> <tr> <td></td> <td colspan="3"> <input type="submit" value="提交"> <input type="reset" value="重置"> </td> </tr> <tr> <td colspan="4" align="center"><h3>备注：<small style="color: red">*</small>为必填项</h3></td> </tr> </table> </form> </body> </html>
这个是表单和列表一个结合作业。
这个是作业的样式图：
以上是关于表单部分属性值的主要内容，如果未能解决你的问题，请参考以下文章