表单

表单

登录注册页面

:<form method= "post"(规定如何发送表单数据：get（慢 不安全）/post(快 安全)) （表示向何处发送表单数据）">

表单元素添加：

<input type="text"(inpot元素类型) name="fname"(元素名称) value="元素的值"/>

文本框：text

:<form method= "post"action="result.html">

<input type="text"(inpot元素类型) name="fname"(元素名称) value="元素的默认值" size="30"(文本框长度) maxlength="20"（做多可以输入的字符数）/>

密码框：password

单选按钮：radio 默认选中checked(name要一样)

<input name="rman" type="radio"(单选按钮 value="man") checked(有这个就默认选中)>男

<input name="rman" type="radio"(单选按钮) value="woman">女

复选框：checkbox

唱歌

唱歌

列表框:默认选中selected

****** *** **212****

按钮：重置按钮reset，提交按钮：submit 。普通按钮button

图片按钮

多行文本框: cols="列" rows="行"

<p><input type="file" name="files"/> <input type="submit" name="upload" value="上传"/></p> </form> ### 邮件 <input type="email" name="email"> ### 网址：url <input type="url" name=""> ### 数字：number min最小值 max 最大值 step数字跨度 <input type="number" name=" " min="" max="" step=""/> ### 滑块：range min最小值 max 最大值 step数字跨度 <input type="range" name=" " min="" max="" step=""/> ### 搜索框：search <input type="search" name=""> ### 隐藏域：hidden <input type="hidden" value="666" name="userid" ### 只读：readonly 禁用：disabled ### 标注 <ladel for="id" > 标注的文本</ladel> <input type="email" name="email" id=""> ### 初级验证：placeholder，required，pattern 1. placeholder:适用于password，text，ord，url，email，search（输入提示信息) 2. required: text,search,url,email,password,numder,checkbox,radio,file(内容不能为空) 3. pattern：正则表达式