<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单</title> <!--一般和表格table配合使用
table标签不可滥用，浏览器渲染速度慢--> </head> <body> <!--action属性： 用来指定我的表单数据要提交到哪里去，即数据的提交地址 method属性： 用来指定网络提交方法 get和post（默认方式为get请求） 1.get请求：传送到服务端的数据追加到url路径后的方式发送 规则：所有的数据都在?符号之后，多个数据以&符号进行分割 缺点：网络请求数据直接暴露在url上，敏感数据容易被窃取 数据传输量小 2.post请求：传送到服务器端的数据隐藏在请求体中，隐藏敏感数据 优点：传输数据的隐秘性比较好 数据传输量基本没有限制--> <!--input的类型 name属性必须加上！！！！为了正常的提交数据到服务器 text：单行文本 pastword:密码隐藏显示type="pastword" radio：单选框 互斥的效果通过同名name来实现 value是提交数据的时候方便组成键值对 checkbox:多选 file：附件 image：图片按钮 button：普通按钮 select：下拉菜单 size：显示下拉个数的大小 multiple：下拉数据可同时多选 textarea:文本域 rows和指定文本域的大小 autocomplete=" " ：自动补全，即以前输入过同样的内容会有以前的内容提示 off 或 on autofocus:自动获得焦点，即光标显示在需要添加内容的地方 require:必填项，当不填内容时会提示添加此内容 placeholder:提示，即提示这个地方需要填写什么内容--><form action=./third/表格.html" method="get"> <fieldset> <legend>用户注册</legend> <table> <tr> <td>会员名：</td> <!--input自闭和标签--> <!--name:input的name属性的内容显示在要提交数据的地址栏处， 所有的数据都在?符号之后，多个数据以&符号进行分割 没有name属性，内容会丢失 （必须加上！！！！为了正常的提交数据到服务器）--> <td><input type="text" name="name" ></td> <td>（可包含a-z,0-9和下划线）</td> </tr>
<td><input type="text" name="name" autocomplete="on"></td>（autocomplete=" " ：自动补全，即以前输入过同样的内容会有以前的内容提示 off 或 on）
<td><input type="text" name="name" value="漂移的蜗牛"></td>（此时的"漂移的蜗牛"是可以更改的）
<td><input type="text" name="name" value="漂移的蜗牛" readonly></td>（此时的"漂移的蜗牛"是不可以更改的）<tr> <td>密码：</td> <td><input type="password" name="pwd" tabindex="2"></td><td>(至少包含留个字符)</td> </tr>（pastword:密码隐藏显示） <tr>
<td>性别：</td> <td> <!--name属性内容相同：当前选择内容为单选否则，可多选--> <input type="radio" name="sex">男 <input type="radio" name="sex">女 </td> </tr><tr> <td colspan="2" align="center"><input type="submit"/></td></tr><tr> <td>爱好：</td> <td> <input type="checkbox" name="hobby" value="soccer">足球 <input type="checkbox" name="hobby" value="basketball">篮球 <input type="checkbox" name="hobby" value="vollyball">排球</td> </tr>（checkbox:多选） <tr>
<td> <input type="submit" > <input type="reset" > </td> </tr><tr> <td> <!--value可以改变submit和reset的默认显示效果--> <input type="submit" value="1" > <input type="reset" value="2" > </td> </tr><tr> <td> <!--value可以改变submit和reset的默认显示效果--> <input type="submit" value="1" > <input type="reset" value="2" > </td> </tr><tr> <td>附件</td> <td><input type="file" name="file"></td> </tr><tr> <td>图片按钮</td> <td><input type="image" src="../img/tel.jpg"></td> </tr><tr>
<td>普通按钮</td> <td><input type="button" value="普通按钮"></td> </tr>（此时的普通按钮不能跳转链接）
<tr> <td>普通按钮</td> <td> <button>普通按钮</button> </td> </tr><tr> <td>爱好</td> <td colspan="2"> <!--multiple多选--> <select name="hobby1" id="hobby1" multiple> <option value="1">篮球</option> <option value="2">足球</option> <option value="3">排球</option> </select> </td> </tr>（按住ctrl可多选）
<tr> <td>协议</td> <td colspan="2"> <!--cols rows改变文本域的大小 英文内容不能自动换行，无法区分那几个单词表示一个词 中文可自动换行--> <textarea cols="20" rows="5">我是张甜甜我是张甜甜我是张甜甜我是张甜甜我是张甜甜</textarea> </td> </tr>
<tr> <td> 下拉列表： </td> <td> <input id="myCar" list="cars" /> <datalist id="cars"> <option value="BMW"> <option value="Ford"> <option value="Volvo"> </datalist> </td> </tr>(当只输入value中的内容的首单词，就会有value全部内容的显示，比如输入b，就会提示BMW)
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
