html-表单

it2026-06-07  1

html -表单

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- form 表单 laber 标签 input type="text" 输入类型,可选择text单行文本输入框,bottom按钮类型等 name 设置表单名字,值自定义,可重复,向服务器端提交数据的键,不可为数字 id 设置表单编号,值自定义,不可重复 size 设置表单的列宽 readonly 只读性,只可查看不能修改 disabled 禁用组件,不能向服务器提交 placeholder ,输入前的提示信息,当输入信息后会被覆盖 value 表单中的值 --> <!-- 密码的类型为password --> <!-- 单选类型需写成type="radio" ,必须用name进行分组,也需要提供默认值, 默认类型的设置checked="checked" --> <!-- 多选类型需写成type="checkbox" ,必须用name进行分组,也需要提供默认值, 默认类型的设置checked="checked" --> <!-- 若为了使用户有更好的体验,可以先设置id="",再在lable中进行设置,格式如下 --> <form> <label for="accountId">姓名:</label> <input type="text" id="accountId" size="20" readonly="readonly" disabled="disabled" placeholder="请输入信息:" value="1"/><br /> 密码:<input type="password" palceholder="请输入密码:" /><br /> <label for="密码">确认密码:</label> <input type="password" palceholder="请再次输入密码:" id="密码"/><br /> 性别:<input type="radio" name="sex" checked="checked" id="women"/> <label for="women"></label> <input type="radio" name="sex" id="men"/> <label for="men"></label><br /> 爱好:<input type="checkbox" hobby="h" value="唱歌" />唱歌 <input type="checkbox" hobby="h" value="绘画" />绘画 <input type="checkbox" hobby="h" value="羽毛球"/>羽毛球<br /> 头像:<input type="file" accept=".ipg,.png,.gif"/><br /> <!-- 下拉框:如果不做特殊说明默认值为第一个,若想设置默认值则可以在option中 添加selected="selected"如下方所示,下拉框的name和id事件定义在select中,value 在option中定义。 --> 下拉框:<select name="province"> <option value="100">陕西 </option> <option value="102" selected="selected">上海 </option> <option value="103">山西 </option> <option value="104">甘肃 </option> </select><br /> <!--多文本域用textarea:可设置直接显示的行数(rows="")和列数(cols="" ) --> 多文本域:<textarea name="address" rows="5" cols="30">123</textarea><br /> 按钮: <input type="reset" value="重置" /> <input type="submit" value="提交" /> <input type="button" value="普通按钮" οnclick="alert("浏览器.html")"/> </form> </body> </html>

运行结果:

最新回复(0)