0326 表单form

来源:互联网 发布:淘宝有个雪山狗粮真假 编辑:程序博客网 时间:2024/06/05 05:36
<form action="text.html" method="get">
<table>    <tr>        <td></td>    </tr></table>
</form>
action:用来指定表单数据提交到哪method:指定网络请求的方式 默认:get      1.get:传递到服务端的数据以追加到url路径后的方式发送             规则:所有数据都在?后,多个数据以&分割             缺点:1.数据直接暴露在url中,敏感数据容易被窃取                2.数据传输量小      2.post:传递到服务器的数据隐藏在请求里,隐藏敏感数据              优点:1.传输数据隐秘性好                 2.数据传输量基本不存在上限
input的type属性           name:input输入框的别名,必填。传递数据时,使用name=value的形式传递           text:文本输入框           password:密码输入框,输入内容时显示小黑点           radio:单选框,互斥的效果通过name同名实现           checkbox:多选框           file:文件上传按钮           image:图形按钮,可以提交数据           button:普通按钮,没有任何功能           value:input输入框的默认值                                                                     
           submit:提交按钮,提交表单数据
           reset:重置按钮,将表单数据重置为初始状态
>>> name和value属性同时存在,提交的是value中的属性值
<td>姓名:</td>
<td><input type="text" name="name"/></td>    <td>密码:</td><td><input type="password" name="password"/></td><td>性别:</td><td><input type="radio" name="sex" value="boy"/><input type="radio" name="sex" value="girl"/></td><td>爱好:</td><td><input type="checkbox" name="hobby" value="basketball"/>篮球<input type="checkbox" name="hobby" value="football"/>足球<input type="checkbox" name="hobby" value="volleyball"/>排球</td><td>附件:</td><td><input type="file" name="file"/></td>
<td>图片按钮:</td>
<td><input type="image" name="image" src="qqzone.png"/></td>
<td>普通按钮:</td><td><input type="button" name="button" value="普通按钮"/></td><td>普通按钮:</td><td><button>普通按钮</button></td>
<td>    <input type="submit" value="提交" />    <input type="reset" value="重置" /></td>


*1.placeholder:input的提示内容,当输入框用value的时候,提示内容消失。2.(了解)tabindex="1" 控制点击tab键时的跳转顺序,
从最小的开始,逐个往大的数值跳转 获得焦点。3.checked="checked" 默认选中。4.disabled="disabled" 设置控件不能使用。用在按钮上不能点击,用在输入框上不能修改。如果输入框disabled,则输入框信息不能往后台传递。5.hidden="hidden" 隐藏。
等同于<input type="hidden" name="username" value="1234" />常用于配合disabled,或根据其他需要,使用隐藏域传递数据。
0 0
原创粉丝点击