<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="target.html">
<input type="text" name="usrename" autocomplete ="off">
<!--
autocomplete="off" 关闭自动补全
-->
<br>
<br>
<input type="text" name="a" value="hello" readonly>
<!--
readonly 将表单项设置为只能查看,不能修改
disabled 将表单项设置为禁用
只读数据会提交,禁用数据不会提交
autofocus 设置表单项自动获取焦点
-->
<br>
<br>
<input type="text" name="u" disabled>
<br>
<br>
<input type="text" name="me">
<br>
<br>
<input type="color"><!--颜色按钮,不过版本兼容性较差,一般不使用-->
<input type="email"><!--邮件按钮,邮件格式出现问题会提示,一般不使用-->
<input type="reset"><!--重置按钮-->
<input type="submit"><!--提交按钮-->
<input type="button" value="按钮"><!--普通按钮-->
<br>
<br>
<br>
<button type="button">按钮</button><!--普通按钮,区别是可以赋值其他属性-->
<button type="button">按钮</button><!--普通按钮-->
<button type="button">按钮</button><!--普通按钮-->
</form>
</body>
</html>
CSS——表单的常用属性
最新推荐文章于 2022-10-21 09:00:35 发布