编程笔记 html5&css&js 027 HTML输入属性(1/2)

@[TOC](编程笔记 html5&css&js 027 HTML输入属性(1/2))

<input>元素除了type属性表示输入类型,后面还跟上其他属性,叫输入属性。

value 属性

value 属性规定输入字段的初始值:

html 复制代码
<form action="">
 First name:<br>
<input type="text" name="firstname" value="Bill">
<br>
 Last name:<br>
<input type="text" name="lastname">
</form> 

readonly 属性

readonly 属性规定输入字段为只读(不能修改):

html 复制代码
<form action="">
 First name:<br>
<input type="text" name="firstname" value="Bill" readonly>
<br>
 Last name:<br>
<input type="text" name="lastname">
</form> 

readonly 属性不需要值。它等同于 readonly="readonly"。

disabled 属性

disabled 属性规定输入字段是禁用的。

被禁用的元素是不可用和不可点击的。

被禁用的元素不会被提交。

html 复制代码
<form action="">
 First name:<br>
<input type="text" name="firstname" value="Bill" disabled>
<br>
 Last name:<br>
<input type="text" name="lastname">
</form> 

disabled 属性不需要值。它等同于 disabled="disabled"。

size 属性

size 属性规定输入字段的尺寸(以字符计):

html 复制代码
<form action="">
 First name:<br>
<input type="text" name="firstname" value="Bill" size="40">
<br>
 Last name:<br>
<input type="text" name="lastname">
</form> 

maxlength 属性

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

html 复制代码
<form action="">
 First name:<br>
<input type="text" name="firstname" maxlength="10">
<br>
 Last name:<br>
<input type="text" name="lastname">
</form> 

如设置 maxlength 属性,则输入控件不会接受超过所允许数的字符。

该属性不会提供任何反馈。如果需要提醒用户,则必须编写 JavaScript 代码。

注释:输入限制并非万无一失。JavaScript 提供了很多方法来增加非法输入。如需安全地限制输入,则接受者(服务器)必须同时对限制进行检查。

相关推荐
Y425813 小时前
本地多语言切换具体操作代码
前端·javascript·vue.js
fruge14 小时前
React 2025 完全指南:核心原理、实战技巧与性能优化
javascript·react.js·性能优化
etsuyou16 小时前
js前端this指向规则
开发语言·前端·javascript
不想上班只想要钱17 小时前
vue3+vite创建的项目,运行后没有 Network地址
前端·javascript·vue.js
JS.Huang20 小时前
【JavaScript】原生函数
开发语言·javascript·ecmascript
533_21 小时前
[vue] dayjs 显示实时时间
前端·javascript·vue.js
ftpeak21 小时前
JavaScript性能优化实战
开发语言·javascript·性能优化
一个很帅的帅哥1 天前
JavaScript事件循环
开发语言·前端·javascript
云枫晖1 天前
Webapck系列-初识Webpack
前端·javascript
jiangzhihao05151 天前
升级到webpack5
前端·javascript·vue.js