网站（六）HTML5表单元素（上）

最新推荐文章于 2023-12-12 09:47:43 发布

KeithAlexander

最新推荐文章于 2023-12-12 09:47:43 发布

阅读量226

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/KeithAlexander/article/details/80957679

版权

学习笔记专栏收录该内容

38 篇文章 0 订阅

订阅专栏

HTML5表单元素

定义：获取用户输入的手段

关键表单元素

form：属性有method，action
input：单行文本框属性有type，name等
- text：默认
- password：不显示内容
- value：文本框的值
- placeholder：提示
- maxlength：可输入字符最大长度
- size：表单长度
- readonly：只读
textarea：多行文本框
- rows：增加文本框宽度
- cols：增加文本框长度

<!DOCTYPE html>  <!--让浏览器得知自己要处理的内容是html--> 
<!--这是注释-->

<html len="zh"><!--文档中html部分的开始， language = 简体中文-->

<head><!--提供有关文档内容和标注信息的-->

    <meta charset="UTF-8"><!--用UTF-8的方式将网页进行编码-->

    <title>CreateForm</title><!--标题-->
</head>

<body>
    <input type="text"> <!--没有</input>，input自己结束-->
    <input value="Test"> <!--占位-->
    <br><br>
    <input type="text" placeholder="Admin"> <!--提示-->
    <input type="text" placeholder="Password" maxlength="8"> <!--输入最大长度，最小用JS-->
    <br><br>
    <input type="text" placeholder="Admin" size="50"> <!--拓宽单行文本框-->
    <br><br>
    <input type="text" value="Don't touch me." readonly> <!--只读-->
    <br><br>
    <input type="password" placeholder="Password">
    <textarea rows="20">abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz</textarea>

</body>
</html>