05.表单的更多属性
作者：互联网
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- action属性指向的是服务器的地址
现在为了演示
-->
<form action="target.html">
<!-- 用户输入文本框的值提交给服务器，名为username -->
<!-- value在各种表单里都可以用，此处是将hello作为文本框里的默认值 -->
<input type="text" name="username" value="hello">
<br><br>
<!-- 填写时会弹出提示信息，即自动补全表单功能
autocomplete="off" 关闭自动补全
放在form标签里的话就都给关了
-->
<input type="text" name="username" autocomplete="off">
<br><br>
<!-- readonly 将表单项设置为只读，数据会提交 -->
<input type="text" name="username" value="hello" readonly>
<br><br>
<!-- disabled 将表单项设置为禁用，数据不会提交 -->
<input type="text" name="username" value="hello" disabled>
<br><br>
<!-- autofocus 设置表单项自动获取焦点
刷新页面后可以看到，光标自动出现在这里
-->
<input type="text" name="username" value="hello" autofocus>
<br><br>
<!-- 可以选择颜色 -->
<input type="color">
<br><br>
<!-- 当用户提交时会对内容进行检查
在移动端用的多，因为会弹出专门的键盘
-->
<input type="email">
<br><br>
<input type="submit">
<!-- 重置按钮
把表单里的内容重置为默认值
-->
<input type="reset">
<!-- 普通的按钮 -->
<input type="button" value="按钮">
<br><br>
<button type="submit">提交</button>
<button type="reset">重置</button>
<button type="button">按钮</button>
<!--
两者的区别：
input是自结束标签，
而button是成对出现的，可以在里面放图片之类的，更加灵活
-->
</form>
</body>
</html>
标签：05,重置,表单,提交,按钮,Document,属性 来源： https://www.cnblogs.com/sherryyuan/p/16451515.html