<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>搜索</title>

    <!--定义图标以及图标显示-->

    <link rel="shortcut icon" href="image/rose.jpg">

</head>

<body>

<form action="https://www.sogou.com/web">

    <div>

    <input type="text" name="query" value="陈凯">

    <input type="submit",value="搜索"/>

        </div>

</form>

<form enctype="multipart/form-data">

            <div>

        <p>请选择性别</p>

                <!--此处input 设置name属性就是为了三者只能选其1 value的值可以任意，三者相同即可

                提交的值为value的值 name相同则互斥-->

                    男<input type="radio" name="genor" value="1">&nbsp;

                    女<input type="radio" name="genor" value="2">&nbsp;

                    未知<input type="radio" name="genor" value="3">&nbsp;

        <p>爱好</p>

                足球<input type="checkbox" name="fav" value="1">

                排球<input type="checkbox" name="fav" value="2">

                篮球<input type="checkbox" name="fav" value="3">

                羽毛球<input type="checkbox" name="fav" value="4">

        <p>技能</p>

                <!--checkbox为复选框 checked 表示默认被选中-->

                游泳<input type="checkbox" name="skill" value="1" checked="checked">

                写作<input type="checkbox" name="skill" value="2">

                运动<input type="checkbox" name="skill" value="3">

                学习<input type="checkbox" name="skill" value="4">

                <p>上传文件</p>

                <!--依赖form表单的一个属性 enctype="multipart/form-data"-->

                <input type="file" name="filename">

                <input type="reset" value="重置">

                <textarea name="mero">默认值放中间</textarea><!--多行文本输入-->

                <!--默认size为1

                multiple为多选

                optgroup

                selected指定默认值

                -->

                <select name="city" size="4" multiple="multiple">

                    <option value="1">江苏</option>

                    <option value="2">上海</option>

                    <option value="3" selected="selected">北京</option>

                    <option value="4">成都</option>

                </select>

                <br>

                <select name="city2">

                    <optgroup label="城市">

                        <option value="1">徐州</option>

                        <option value="2">宿迁</option>

                        <option value="3">南通</option>

                    </optgroup>

                </select>

            </div>

        <input type="submit",value="提交"/>

</form>

</body>

</html>

CSS之checkbox&radio&textarea&select的更多相关文章

  1. jquery 获取和设置 checkbox radio 和 select option的值?

    ============== 获取和设置 checkbox radio 和 select的值? === val()函数, 其名字就表达了 它的意思: 他就是＝ value 的简写! val就是valu ...

  2. css美化checkbox radio样式

    /*check,radio*/ input.check_txt[type='checkbox']{ display: none; } input.check_txt[type='checkbox'] ...

  3. css 绘制checkbox,radio

    <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8&qu ...

  4. jquery的checkbox,radio,select等方法总结

    jquery的checkbox,radio,和select是jquery操作的一个难点和重点,很多前端新手对其了解不是很透彻.时间久了不用,我在写的时候有时也难免对某些操作支支吾吾,记不清楚,现在,对 ...

  5. struts2学习笔记之表单标签的详解:s:checkbox/radio/select/optiontransferselect/doubleselect/combobox

    struts2中的表单标签都是以s标签的方式定义的,同时,struts2为所有标签都提供了一个模板,C:\Users\180172\Desktop\struts2-core-2.2.1.1.jar\t ...

  6. html自定义checkbox、radio、select —— checkbox、radio篇

    前些日子,所在公司项目的UI做了大改,前端全部改用 Bootstrap 框架,Bootstrap的优缺点在此就不详述了,网上一大堆相关资料. 前端的设计就交给我和另一个同事[LV,大学同班同学,毕业后 ...

  7. easyui 》 radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中

    获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $(" ...

  8. checkbox radio select绑定

    index11.html <html><head> <title>checkbox radio select绑定</title> <script ...

  9. Jquery - Select 和 Checkbox 、Textarea的操作

    Checkbox //判断是否选中 if ($(this).is(':checked')) { alert("它处于选中状态"); } else { alert("它不处 ...

随机推荐

  1. SAP发布REST/HTTP接口

    1.SE24新建类:ZCL_REST_QUERY 激活,然后添加interface:IF_HTTP_EXTENSION并激活. 2.实现IF_HTTP_EXTENSION~HANDLE_REQUEST ...

  2. SAP 多语言文本翻译

    SAP自己的东西都是有语言包的,针对很多语言有是有对应文本的翻译,巴特,比较不是专业的翻译,多以很多时候还是有这样那样的文本描述需要调整. 语言包怎么打就不说了,也不知道,知道也没打过... 标准界面 ...

  3. jvm内存快照dump文件太大，怎么分析

    1.场景 通常,使用eclipse的mat图形化工具打开dump的时候都会内存溢出. 对于比较小的dump,eclipse可以打开,但一旦dump文件太大,eclipse就有点束手无策. 这时候怎么办 ...

  4. vue教程自学笔记（一）

    一.介绍 1.指令 指令带有前缀v-,以表示它们是Vue提供的特殊特性.eg:v-bind,v-if,v-for,v-on,v-model(实现表单输入和应用状态之间的双线绑定) v-bind跟v-o ...

  5. 关于规范NOIP试题管理办法的通知

    由CCF主办的NOIP赛事举行在即,保密起见,现将有关规定发给各省赛区组织单位. 1.NOI各省组织单位负责试题保密工作. 2.NOIP初赛试卷为纸质版,复赛试卷为电子版. 3.在初赛进行中,如有选手 ...

  6. Json转换工具

    import java.util.List; import com.fasterxml.jackson.core.JsonProcessingException; import com.fasterx ...

  7. TensorFlow占位符操作：tf.placeholder_with_default

    tf.placeholder_with_default 函数 placeholder_with_default( input, shape, name=None ) 请参阅指南:输入和读取器>占 ...

  8. input做一个开关按钮

    .mui-switch { width: 52px; height: 31px; position: relative; border: 1px solid #dfdfdf; background-c ...

  9. day 10 函数入门

    def login(): """ """ 执行函数不会报错

  10. Java 11 Tutorial

    Java 11 Tutorial 参考 https://blog.csdn.net/sihai12345/article/details/82889827 原文 https://winterbe.co ...