HTML表单校验总结

本文总结了HTML表单中的各种元素验证,包括文本框、密码框、单选框、复选框和下拉列表的使用示例和效果,详细解释了如何设置和获取用户输入,以及如何控制选项的选择。
摘要由CSDN通过智能技术生成

一、文本框

代码示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input id="name" />
		<script>
			document.getElementById("name").focus();//获取id为name的焦点
			function t1(){
   
				var element = document.getElementById("name");
				console.log(element.value);
				element.value="Kate";
				element.readOnly=true;//只读
				/*element.disabled=true;//不能被编辑*/
			}
		</script>
		<input type="button" name="name1" id="name1" value="测试" οnclick="t1()"
	</body>
</html>

二、密码框

代码示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="passw
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值