html-表单

最新推荐文章于 2023-04-29 16:17:43 发布

crraxx

最新推荐文章于 2023-04-29 16:17:43 发布

阅读量352

点赞数 3

分类专栏：网页文章标签： html

本文链接：https://blog.csdn.net/crraxx/article/details/109227456

版权

网页专栏收录该内容

18 篇文章 5 订阅

订阅专栏

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>