代码改变世界

form

2018-09-07 13:52  冻奶香甜玉米片  阅读(164)  评论(0)  编辑  收藏  举报

form 表单

<form action="http://www.baidu.com" method="get">

把表单提交到baidu，method一般是get

laberl定义和用法

<label> 标签为 input 元素定义标注（标记）。

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <form action="http://www.baidu.com" method="get">
            <p>
                <label for="user">用户名：</label>
                <input type="text" name="username" id="user" placeholder="请输入账号名"> #placeholder 阴影默认显示
            </p>                              #id 与label相绑定 这种绑定会使在按用户名或者密码时自动跳转到对应的输入窗口开始输入
            <p>
                <label for="psw">密码：</label>                                      <input type="password" name="password" id = "psw" placeholder="请输入密码">      #password等于输入时不显示
            </p>
            <p>
                <input type="submit" name="btn" value="提交">        #跳转的页面会显示input各自的name等于什么
            </p>
        </form>
    </div>

</body>
</html>