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

简介: form表单 +input的属性值+textarea文本域+select下拉菜单
<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方法好。
 -->


相关文章
|
1月前
|
Web App开发 数据可视化 JavaScript
input标签的type属性汇总
input标签的type属性汇总
86 0
|
2月前
|
JavaScript
v-model指令获取常见表单项的内容 input,textarea,radio,checkbox,select
本文介绍了Vue.js中v-model指令的作用和语法,并通过示例代码展示了如何使用v-model来获取不同类型的表单元素(如文本输入框、文本域、复选框、单选框和下拉菜单)的内容。
|
5月前
|
JavaScript
解决Elementui输入框(text)与文本域(textarea)字体不一样问题
解决Elementui输入框(text)与文本域(textarea)字体不一样问题
426 5
|
5月前
input的Checkbox(复选框)属性具体怎么使用
input的Checkbox(复选框)属性具体怎么使用
274 0
全选或者单选checkbox的值动态添加到div
全选或者单选checkbox的值动态添加到div
54 0
HTML <input> 标签的 autocomplete 属性
HTML <input> 标签的 autocomplete 属性
110 0
|
JavaScript 索引
jquery 获取或设置radio单选框选中值的方法
jquery 获取或设置radio单选框选中值的方法
625 0
|
前端开发
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
189 0
uiu
|
安全
【Svelte】-(6)绑定|input 输入框 / group 复选框绑定 / textarea 输入框 / select 绑定 / contenteditable 属性绑定
【Svelte】-(6)绑定|input 输入框 / group 复选框绑定 / textarea 输入框 / select 绑定 / contenteditable 属性绑定
uiu
289 0
【Svelte】-(6)绑定|input 输入框 / group 复选框绑定 / textarea 输入框 / select 绑定 / contenteditable 属性绑定
input checkbox 复选框大小修改
有的时候,需要使用复选框,但是复选框有时候默认的太小,这时候就需要加大复选框。 解决方法: 其实就是zoom属性,这个是放大的意思,可以设置为180%,这样就会比之前大很多。
1464 0