<!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. virtural machine eth1

    DEVICE=eth1HWADDR=00:50:56:33:EF:21TYPE=EthernetUUID=f35bd21c-9636-4e3f-a05c-bd4382c352bfONBOOT=yesN ...

  2. css3实现好看的边框效果

    1.html结构 <div class="box">box</div> <br> <div class="border1&quo ...

  3. Python基础05_str_补充

    继续学习中, 补充一些str 的索引.切片.长度.循环输出等. #!/usr/bin/env python # coding:utf-8 # 通过下标索引获取字符串中的某个字符 # 1. 索引 tes ...

  4. $_SERVER['HTTP_REFER'] 和 session cookie 关系

    对Session和Cookie的区分与理解 先说session 对SESSION的争论好象一直没有停止过,不过幺麽能理解SESSION的人应该占90以上.但还是讲讲,别嫌老~ 有一些人赞成用SESSI ...

  5. 剑指Offer 29. 最小的K个数 （其他）

    题目描述 输入n个整数,找出其中最小的K个数.例如输入4,5,1,6,2,7,3,8这8个数字,则最小的4个数字是1,2,3,4. 题目地址 https://www.nowcoder.com/prac ...

  6. Eclipse安装Activiti Designer插件

    本人使用的是在线安装: 打开Eclipse -> Help -> Install New SoftWare-> Add 然后按照如下对话框输入: Name:Activiti BPMN ...

  7. linux权限相关操作

    Linux权限管理是Linux中一个十分重要的概念,也是系统安全性的重要保障.这里主要介绍Linux的基本权限和默认权限,通过理论讲解与实验演示,可以详细了解到权限的相关操作及其重要性. 文件权限 [ ...

  8. 文笔很差系列1 - 也谈谈AlphaGo

    距离AlphaGo击败李世石已经过去数月了,心中的震撼至今犹在,全刊报道此项比赛的<围棋天地>杂志我已经看了不下十遍.总也想说点自己的意见,却也不知道从哪里说起,更不知道想表达些什么. 作 ...

  9. Ubuntu16.04中pip无法更新升级,采用源码方式安装

    1.从pip官网下载最新版 https://pypi.org/project/pip/#files 2.ubuntu中创建文件位置,我的放在一下路径,之后进行解压 3.解压后进入pip的文件夹,在执行 ...

  10. PTA寒假二

    7-1 币值转换 (20 分) 输入一个整数(位数不超过9位)代表一个人民币值(单位为元),请转换成财务要求的大写中文格式.如23108元,转换后变成"贰万叁仟壹百零捌"元.为了简 ...