关于html的表单元素详解（二）

网页制作 2024/12/29 佚名

3 1 2

HTML Input 属性

value 属性

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

<form action="">
<input type="text" name="name" value="">
</form>

readonly 属性

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

<form action="">
<input type="text" name="name" value="" readonly>
</form>

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

disabled 属性

disabled 属性规定输入字段是禁用的;
被禁用的元素是不可用和不可点击的;
被禁用的元素不会被提交。

<form action="">
<input type="text" name="name" value="" disabled >
</form>

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

size 属性

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

<form action="">
<input type="text" name="name" value="" size="40">
</form>

maxlength 属性

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

<form action="">
<input type="text" name="name" value="" maxlength="10">
</form>

如设置 maxlength 属性，则输入控件不会接受超过所允许数的字符。
该属性不会提供任何反馈。如果需要提醒用户，则必须编写 JavaScript 代码。
注释：输入限制并非万无一失。JavaScript 提供了很多方法来增加非法输入。如需安全地限制输入，则接受者（服务器）必须同时对限制进行检查。

width 属性

定义 input 字段的宽度。（适用于 type="image"）：

<form action="">
<input type="image" name="img" src="xxx.jpg" width="100">
</form>

height 属性

定义 input 字段的高度。（适用于 type="image"）：

<form action="">
<input type="image" name="img" src="xxx.jpg" height="100">
</form>

src 属性

定义以提交按钮形式显示的图像的 URL：

<form action="">
<input type="image" name="img" src="xxx.jpg" width="100">
</form>

name 属性

定义 input 元素的名称：

<form action="">
<input type="image" name="img" src="xxx.jpg" width="100">
</form>

checked 属性

规定此 input 元素首次加载时应当被选中：

<form action="">
<input type="radio" name="单选" checked>
</form>

accept 属性

规定通过文件上传来提交的文件的类型：

<form action="">
<input type="file" name="上传文件" accept="text/css">
</form>

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流，谢谢大家对的支持!

html,表单元素

风云阁资源网 Design By www.bgabc.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

风云阁资源网 Design By www.bgabc.com

评论“关于html的表单元素详解（二）”

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年12月29日

关于html的表单元素详解（二）

HTML页面源代码布局介绍_动力节点Java学院整理

网页加载进度条详解（推荐）

评论“关于html的表单元素详解（二）”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接