主题
  • 默认模式
  • 浅蓝色模式
  • 淡红色模式
  • 深夜模式

HTML Input 属性

HTML 提供了多种表单输入属性,用于控制输入字段的行为、验证和样式。

本章全面介绍 HTML 表单<input>输入属性:


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 属性,则输入控件不会接受超过所允许数的字符。




评论区 0
发表评论