MENU

input 标签的常用属性

• August 19, 2020 • Read: 120 • 教程,源码

input 标签的常用属性

HTML的input标签一般搭配form表单使用。

input type 属性

text单行文本框
password密码文本框
button按钮
reset重置按钮
submit提交按钮
image图像形式的提交按钮
radio单选按钮
checkbox复选框
hidden隐藏字段
file文件上传

语法: <input type="表单类型">

单行文本框

语法: <input type="text">

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <form name="my_Form" method="POST">
        姓名:<input type="text">
    </form>
</body>
</html>

text 的几个重要属性

value : 定义文本框的默认值,也就是文本框内的文字

siae : 定义文本框的长度,以字符为单位

maxlength : 设置文本框中最多可以输入的字符数

placeholder : 设置文本框中提示内容

语法:

<form name="my_Form" method="POST">
    姓名:<input type="text" value="zs" size="15" maxlength=""><br>
    年龄:<input type="text" value="18" size="15" maxlength="3">
</form>
姓名:
年龄:

多行文本框:

语法:

<textarea cols="行数" rows="列数">内容</textarea>

实例:

您的大名:
万水千山总是情,给个打赏行不行。 打赏
- - - The END - - -
  • 文章标题:input 标签的常用属性
  • 文章链接:https://gxusb.com/122.html
  • 版权所有:本文版权归Get-林林小窝 所有,转载请注明出处!除特殊注明外(如有侵权,请联系 gxggxl@qq.com ),本站原创内容均采用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可
  • 广而告之

    Archives QR Code
    QR Code for this page
    Tipping QR Code