当前位置: 首页 > news >正文

编程笔记 html5cssjs 027 HTML输入属性(1/2)

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

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

value 属性

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

<form action="">First name:<br>
<input type="text" name="firstname" value="Bill">
<br>Last name:<br>
<input type="text" name="lastname">
</form> 

readonly 属性

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

<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 属性规定输入字段是禁用的。
被禁用的元素是不可用和不可点击的。
被禁用的元素不会被提交。

<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 属性规定输入字段的尺寸(以字符计):

<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 属性规定输入字段允许的最大长度:

<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 提供了很多方法来增加非法输入。如需安全地限制输入,则接受者(服务器)必须同时对限制进行检查。

http://www.lryc.cn/news/276779.html

相关文章:

  • 请求参数乱码问题
  • 【leetcode】力扣热门之反转链表【简单难度】
  • 【sgPasswordInput】自定义组件:带前端校验密码强度的密码输入框,能够提供密码强度颜色提示和文字提示
  • 1599 - Ideal Path (UVA)
  • 计算机网络(超级详细笔记)
  • 老杨说运维 | 年末大讲回顾:运维的尽头也是大模型吗?
  • Unity 利用UGUI之Scrollbar制作进度条
  • MySQL之导入、导出
  • 【unity小技巧】FPS游戏实现相机的偏移震动、武器射击后退和后坐力效果
  • MINCO+汽车
  • 大模型机器人发展史:从VoxPoser、RT2到斯坦福Mobile ALOHA、Google机器人
  • Ubunutu18.04 ROS melodic 无人机 XTDrone PX4 Vins-Fuison 运行配置
  • Linux 常见服务配置
  • Flutter基础
  • MySQL-数据库概述
  • HTML---JQurey的基本使用
  • 搜索docker镜像
  • 旋变检测AD2s1205手册学习笔记
  • 【温故而知新】JavaScript的防抖与节流
  • C++模板——(3)类模板
  • 深度学习中Epoch和Batch Size的关系
  • Python采集微博评论做词云图
  • 一文详解VScode 的远程开发
  • 捕捉“五彩斑斓的黑”:锗基短波红外相机的多种成像应用
  • 解读 Sobit v2:铭文资产跨链更注重安全、易用性
  • [开源]万界星空开源MES系统,支持低代码大屏设计
  • 开源软件运维安全防护的六个手段
  • 开启Android学习之旅-5-Activity全屏
  • 运行时类型信息 typeid、type_info...(C++)
  • 2023-12-02 青少年软件编程(C语言)等级考试试卷(七级)解析