<!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. FastJSON 后端返回Long型 前段精度丢失的问题

    解决方法就是将Long型转换为字符串---全局配置方案如下: @Override public void configureMessageConverters(List<HttpMessageC ...

  2. 十年京东Java程序员的工作总结，写给迷茫中的你！

    很多年前,刚刚从大学毕业的时候,很多公司来校招.其中最烂俗的一个面试问题是:“你希望你之后三到五年的发展是什么?”.我当时的标准回答是(原话):“成为在某一方面能够独当一面的技术专家“.后来经历了几家 ...

  3. Linux c读取任意大小文件的所有数据

    代码如下,执行完之后被分配的动态内存的指针会保存到result中.由于是动态分配内存,读取内容不再使用之后注意用free 释放掉,如不明白,请多搜索以下动态内存分配的资料. #include < ...

  4. Mysql服务配置优化

    mysql服务器优化包含 硬件优化.操作系统配置优化(cpu调度.网络.内存.虚拟内存.磁盘io).Mysql服务配置优化(最大连接数.表缓存等.存储引擎).表结构优化.索引优化 总共5个方面. 本片 ...

  5. sql多表查询（单表查询略过）

    表library: 表borrow: 表reader: 1.等值连接:(常用) 原理:将多张表组合成一个逻辑大表,即字段相加记录相乘(笛卡尔积). 语法:select * from 表A,表B whe ...

  6. virsh命令和虚拟机克隆

    virsh 命令 virsh list  //列出正在运行虚拟机 virsh list --all     //列出所有虚拟机 virsh  console sunhao-1  //进入名字为sunh ...

  7. python 使用jinjia2 生成文件的空格处理

    例如: <div> {% if True %} yay {% endif %} </div> 生成文件为 <div> yay </div> 两种方法解决 ...

  8. ios 中pickerView城市选择和UIDatePicker生日选择

    代码详见压缩包

  9. laravel 解决session保存不了，取不出的问题

    555  上传服务器的时候 storage下的framework 没有上传啊

  10. 自动化测试-14.selenium加载FireFox配置

    前言 有小伙伴在用脚本启动浏览器时候发现原来下载的插件不见了,无法用firebug在打开的页面上继续定位页面元素,调试起来不方便 . 加载浏览器配置,需要用FirefoxProfile(profile ...