欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

form表单 +input的属性值+textarea文本域+select下拉菜单

程序员文章站 2024-02-26 22:37:16
...
<form action="" name="denglu" method="POST">
    <!-- 
        表单的控件input
        属性:type 类型
        取值:
            (1)text 文本输入框
            (2)password 密码输入框
            (3)radio 单选框 如果有几个单选框是一组的,我们必须给他们添加name,name的属性值一样
            (4)checkbox 复选框,多选框
            (5)submit 提交按钮, 提交之后会刷新页面
            (6)reset 重置按钮
            (7)
            属性:placeholder 占位符
            checked 默认选中
        -->
    用户名:<input type="text"  placeholder="请输入用户名" name="username" >
    <br>
    密码:<input type="password" name="password">
    <br>
    我是:<input type="radio" name="sex" checked>男 <input type="radio" name="sex">女
    <br>
    爱好:<input type="checkbox" name="aihao">打篮球
     <input type="checkbox" name="aihao">玩游戏
     <input type="checkbox" name="aihao">买东西
     <br>
     <!-- 如果想要改变submit的默认文字,添加一个value属性,属性值你想要改变的文字 -->
     <input type="submit" value="登录">
     <br>
     <input type="reset">
     <br>
     <input type="button" value="注册">
     <br>
     <!-- 
         下拉菜单 select > option
            selected 下来菜单的默认选中
    -->
     <select name="" id="">
         <option value="广州">广州</option>
         <option value="深圳">深圳</option>
         <option value="上海" selected>上海</option>
         <option value="北京">北京</option>
     </select>
     <br>
     <!-- 
         文本域 textarea 
         cols:列 ,文本域的宽
         rows:行,文本域的高
      -->
     <textarea name="" id="" cols="10" rows="20"></textarea>
</form>

<!-- 
    扩展知识点:post和get的区别
1. get是从服务器上获取数据,post是向服务器传送数据。
2. get是把参数数据队列加到提交表单的action属性所指的URL中,在URL中可以看到。post是通过HTTP post机制,用户看不到这个过程 。
3. get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。
4. get安全性非常低,post安全性较高。但是执行效率却比Post方法好。

 -->
相关标签: 表单form input