猫史档案馆

输入类型：text

<input type="text"> 定义供文本输入的单行输入字段。（详情请看第二十一期·表单https://www.codemao.cn/community/172477）

 

输入类型：password

<input type="password"> 定义密码字段：

<form>
 User name:<br>
<input type="text" name="username">
<br>
 User password:<br>
<input type="password" name="psw">
</form> 

用password可以让你输入的东西编程点或者星号，算是一种安全、保密措施。

 

输入类型：submit

<input type="submit"> 定义提交表单数据至表单处理程序的按钮。（详情请看第二十一期·表单https://www.codemao.cn/community/172477）

 

输入类型：radio&checkbox

<input type="radio"> 定义单选按钮。

单选按钮允许用户从有限的选项中选择一个。

<input type="checkbox"> 定义复选框。

复选框允许用户在有限数量的选项中选择零个或多个选项。

（详情请看第二十一期·表单https://www.codemao.cn/community/172477）

 

Input Type: button

<input type="button> 定义按钮。（详情请看第二十二期·表单元素https://shequ.codemao.cn/community/172569）

 

输入类型：number

<input type="number"> 用于应该包含数字值的输入字段。

能够对数字做出限制。根据浏览器支持，限制可应用到输入字段。

<form>
  数字选择范围 (between 1 and 5):
  <input type="number" name="quantity" min="1" max="5">
  <input type="submit">
</form>

这里可以看到，当我设定上下限时，如果输入的数字不在范围，他就会提示你。

 

value 属性

value 属性规定输入字段的初始值（默认值）：

<form action="">
	你好啊<br>
	<input type="text" name="yamol1" value="道不同不相为谋">
	<br><br>
	过的怎么样啊<br>
	<input type="text" name="yamol2">
</form>

可以看到，第一个<input>中我给了value，所以他是有默认项的，但是这个默认项你可以改的哦。

 

readonly 属性

readonly 属性规定输入字段为只读（不能修改）：

<form action="">
  你好啊<br>
  <input type="text" name="yamol1" value="道不同不相为谋" readonly>
  <br><br>
  过的怎么样啊<br>
  <input type="text" name="yamol2" value="比你好">
</form>

我在一地个加了readonly，所以第一个是改不了的，第二个可以修改。

 

size 属性

size 属性规定输入字段的尺寸（以字符计）：

<form action="">
	你好啊<br>
	<input type="text" name="yamol1" value="道不同不相为谋" size="30">
	<br><br>
	过的怎么样啊<br>
	<input type="text" name="yamol2" value="比你好">
</form>

size可以调节输入框的长度。

 

maxlength 属性

maxlength 属性规定输入字段允许的最大长度：

<form action="">
  你好啊<br>
  <input type="text" name="yamol1" maxlength="7">
  <br><br>
  过的怎么样啊<br>
  <input type="text" name="yamol2" value="比你好">
</form>