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>

多行文本框:

语法:

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

实例:

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

    <form name="my_form" method="POST">
        <textarea cols="8" rows="20">介绍一下自己</textarea>
    </form>

</body>
</html>

 

相关推荐
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页