form:用于定义表单的。可以定义一个范围,范围代表采用用户数据的范围

属性:

  action:指定提交数据的url

  method:指定提交的方式

    分类:一共七中,2中比较常用

    get:

      1.请求参数在地址栏中显示,

       请求参数大小是有限制的

       不太安全

    post:

      2.请求参数不会在地址栏中显示,会封装在请求题中

       请求参数大小是没有限制的

       较为安全

  表单项中的数据要想被提交:必须指定其name属性

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="#" method="get">
        用户名:<input name="username"><br>
        密码:<input name="password"><br>
        <input type="submit" value="登录">
    </form>
</body>
</html>

 

 

 

 

 

 

 

 

 

 

 

 

HTML_表单标签_表单项input1

input :可以通过type属性值,改变元秦展示的样式

type属性

  text :文本输入框,默认值

    placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息

  password :密码输入框

  radio:单选框

注意:
  1.要想让多个单选框实现单选的效果,则多个单选框的name属性值必须一群。

  2一般会给每一个单选框提供value属性,指定其被选中后提交的值

    checked属性,可以指定默认值

checkbox:复选框

    一般会给每一个单选框提供value属性,指定其被选中后提交的值

     checked属性,可以指定默认值

label :指定输人项的文字描述信息
注意︰
  label的for属性一般会和 input 的 id属性值对应。如果对应了,则点击label区域,会让input输入框获取焦点。

select: 下拉列表

 

!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="#" method="get">
        <label for="username"> 用户名</label>:<input type="text" name="username" placeholder="输入用户名" id="username"><br>
        密码:<input type="password" name="password" placeholder="输入密码"><br>
        性别:<input type="radio" name="gender" value="male" checked>男
        性别:<input type="radio" name="gender" value="female"><br>
        爱好:<input type="checkbox" name="hobby" value="shopping" checked>逛街
            <input type="checkbox" name="hobby" value="java">java
            <input type="checkbox" name="hobby" value="gname">游戏
        <br>
            <input type="submit" value="登录">

    </form>
</body>
</html>

 

 

textarea :文本域

posted on 2022-08-01 15:43  淤泥不染  阅读(26)  评论(0编辑  收藏  举报