HTML表单

百毒不侵_580

已于 2023-01-01 14:38:19 修改

阅读量79

点赞数

文章标签：前端 html css

于 2023-01-01 11:30:00 首次发布

本文链接：https://blog.csdn.net/qq_59933216/article/details/128505406

版权

文章目录

HTML输入框

HTML提供了input标签实现输入框功能

属性	值	描述
maxlenth	number	规定元素允许的最大字符数
type	text(文本) password(密码)等	规定元素的类型
disabled	disabled	禁用输入框
required	required	规定输入框为必填项

代码示例:

<!DOCTYPE html>
<html lang="en">
<body>
    <input type="text" maxlength="8">
</body>
</html>

效果图如下：
在这里插入图片描述

HTML文本框

HTML提供textare标签实现文本框

属性	值	描述
disabled	disabled	禁用文本框
cols	number	规定可见文本的列数
ros	number	规定可见文本的行数
maxlenth	number	规定文本框的最大字数
placeholder	text	作为提示内容显示
required	required	规定文本框为必填项
wrap	hard soft	规定文本怎样换行

代码示例：

<!DOCTYPE html>
<html lang="en">
<body>
    <textarea cols="10" rows="5" placeholder="请输入"></textarea>
</body>
</html>

效果图如下：
在这里插入图片描述

HTML按钮

HTML提供button标签实现按钮
注意：(< input type=‘button’>) 也能实现按钮功能，但< button>更为强大和丰富

HTML添加元素边框

HTML提供< fielset>标签为元素添加边框
< legend>可为边框添加标题
代码示例：

<!DOCTYPE html>
<html lang="en">
<body>
    <!-- 为元素添加外边框 -->
    <fieldset>
        <!-- 为边框起名 -->
        <legend>登录框</legend>
        用户：<input type="text">
        密码：<input type="password">
    </fieldset>
</body>
</html>