<form>…</form>    定义供用户输入的 HTML 表单

例子

<html>

<body>

    <form method="get" action="">

        username:<input type="text" name="username" value=“请输入用户名”>  //输入框,name数据名(name发往后端的数据名,输入内容为发往后端的数据值,value为输入框提示)

        password:<input type="password" name="password" value=“请输入密码”>  //密码框

        <input type="submit" value="login">  //提交框,value 修改的名称

        1.小贝<input type="radio" name="喜欢的球星" value="xiaobei"> //单选框radio,name确定是否同一个选择题,value数据值(name发往后端的数据名,value发往后端的数据值)

        2.小罗<input type="radio" name="喜欢的球星" value="xiaoluo"> 

        <h>

              你喜欢吃的水果!

         </h>

         1.apple<input type="checkbox" name="fruit" value="apple" checked="checked"> //多选框checkbox,checked默认选中

         2.orange<input type="checkbox" name="fruit" value="orange">

         3.banana<input type="checkbox" name="fruit" value="banana">

    <h1>Province</h1>

        <select name="Province"> //下拉菜单

            <option>beijing</option>

            <option>jiangsu</option>

            <option>zhejiang</option>

        </select>

    </form>

</body>

</html>

1、输入框

name 发往后端的数据名,输入内容为发往后端的数据值

value 为输入框提示

2、密码框

3、提交框

4、单选框

5、复选框

6、默认选中

7、select组件,下拉框

 posted on 2019-01-30 15:25  xibuhaohao  阅读(155)  评论(0编辑  收藏  举报