html input标签 单行文本框

input type属性
text 单行文本框
passworld 密码文本框
button 按钮

reset

重置按钮
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 : 设置文本框中最多可以输入的字符数

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>

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

</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_42265536/article/details/85215271
今日推荐