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方法好。
 -->


相关文章
|
10月前
|
容器
layui下拉多选框xm-select.js插件的使用
layui下拉多选框xm-select.js插件的使用
259 0
【Layui】获取下拉框的值
【Layui】获取下拉框的值
599 0
【Layui】获取下拉框的值
|
29天前
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
66 0
|
6月前
HTML <input> 标签的 autocomplete 属性
HTML <input> 标签的 autocomplete 属性
33 0
|
9月前
|
JavaScript 索引
jquery 获取或设置radio单选框选中值的方法
jquery 获取或设置radio单选框选中值的方法
471 0
|
9月前
|
前端开发
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
113 0
uiu
|
安全
【Svelte】-(6)绑定|input 输入框 / group 复选框绑定 / textarea 输入框 / select 绑定 / contenteditable 属性绑定
【Svelte】-(6)绑定|input 输入框 / group 复选框绑定 / textarea 输入框 / select 绑定 / contenteditable 属性绑定
uiu
239 0
【Svelte】-(6)绑定|input 输入框 / group 复选框绑定 / textarea 输入框 / select 绑定 / contenteditable 属性绑定
|
前端开发
css自定义 range radio select的样式滑轮,按钮,选择框
写在前面: 之前踩坑css的时候,遇到滑轮,按钮,选择框这类型的东西,为了页面效果,总是需要自定义他们的样式,而不使用他们的默认样式。当时写的时候,我也是蛮头疼的,弄了个demo,链接在下面。对此做个总结。本文是面向前端小白的,大手子可以跳过,写的不好之处多多见谅。 额,今天就先大概的将代码贴上来,考虑到篇幅的问题,就先写一下三个的实现方式,一般也都看得懂,代码注释的非常详细。因为细分下来内容也很多,准备之后再将如何实现的方式,属性,优化以及如何兼容各个浏览器的方式一步步的写出来。 最终效果:
276 0
css自定义 range radio select的样式滑轮,按钮,选择框
|
前端开发 JavaScript Java
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)上
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)
140 0
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)上
|
前端开发 Java
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)下
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)
175 0
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)下