表单:表单语法及元素格式,初步练习

1. 表单语法

2. 表单元素格式


3. 初步学习代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--1.表单form
action : 表单提交的位置,可以是一个网站,也可以是一个请求处理地址
method : 提交方式,分为post和get两种
        get方式提交 : 可以在url中看到提交的信息。例如密码框输入的密码就直接显示了,不安全但是高效
        post : 比较安全,传输大文件
    2.文本输入框input
name : 文本框名称
type : 文本框类型
-->
<form method="post" action="1.我的第一个网页.html">
    <p>用户名称 <input name="username" type="text" value="123" maxlength="8" size="30"> </p>
    <p>密码 <input name="pass" type="password" > </p>
    <p>
        <input type="submit" name="Button" value="提交"/>
        <input type="reset" name="Reset" value="重填"/>
    </p>

</form>

</body>
</html>


知识点总结:

  • 表单 form+tab
    • action : 表单提交的位置,可以是一个网站,也可以是一个请求处理地址
    • method : 表单提交方式,分为post和get两种
      • post : 比较安全,传输大文件,无法在url中看到提交信息
      • get : 可以直接在url中看到提交信息,不安全但是高效

post:

get:

  • 输入框 input+tab

    • name : 文本框名称
      type : 文本框类型

      value : 文本框默认初始值,也就是说此文本框内默认填写这个初始值

      maxlength:输入字符长度的最大值

      size:文本框长度

这里只对输入框做简单了解,后边会详细介绍

posted @   无关风月7707  阅读(84)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示