<!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. tcp滑动窗口详解(2)

    http://blog.csdn.net/yujun00/article/details/636495 ARQ与滑动窗口概念  滑动窗口协议,是TCP使用的一种流量控制方法.该协议允许发送方在停止并等 ...

  2. ALV基础二：ALV的扩展功能

    https://www.cnblogs.com/sapSB/p/8532072.html 参考这个,做扩展,有些人喜欢用OO ALV有些喜欢用普通的CALL FUNC ALV...我只用LVC... ...

  3. linux系统下如何挂载NTFS移动硬盘

    前言 数据迁移是我们经常会遇到的,有时候做大数据量迁移时,为了快速迁移大数据,有可能在Linux服务器上临时挂载NTFS格式的移动硬盘, 一般情况下,Linux是识别不了NTFS格式移动硬盘的(需要重 ...

  4. Django框架（四）

    八.Django 模型层(2) 多表操作 创建模型 实例:我们来假定下面这些概念,字段和关系 作者模型:一个作者有姓名和年龄. 作者详细模型:把作者的详情放到详情表,包含生日,手机号,家庭住址等信息. ...

  5. apply、call、bind的区别

    apply.call.bind这三种方法一般用来改变this指向. apply()方法接收两个参数,一个是函数运行的作用域this,另一个是参数数组 call()方法接收两个参数,一个是函数运行的作用 ...

  6. Vue(二) 计算属性

    模板内的表达式常用于简单的运算,当过长或逻辑复杂时,难以维护,计算属性就是解决该问题的 什么是计算属性 表达式如果过长,或逻辑更为复杂,就会变得臃肿甚至难以维护,比如: <div> {{ ...

  7. Charles设置HTTPS抓包

    1. 配置 Charles 根证书 点击 Help -> SSL Proxying -> Install Charles Root Certificate 之后会弹出钥匙串,如果不弹出,请 ...

  8. oracle中数字保留几位小数的问题

    需求:#将数字填充到对应金额单中 select substr(b.payMoney,length(b.payMoney),1) 分, substr(b.payMoney,length(b.payMon ...

  9. 剑指offer题库

    1.题目描述 在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序.请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数. 思路: 因为矩阵的 ...

  10. Redis常用命令与高级应用

    附: 127.0.0.1:6379> set xiaofei 小飞 OK 127.0.0.1:6379> get xiaofei "\xe5\xb0\x8f\xe9\xa3\x9 ...