radio

第九章：小程序表单与医疗急救卡（上）

由 筅森魡賤 提交于 2020-02-28 00:45:52
作者： 知晓云 - 小程序开发快人一步 来源：知晓课堂 医疗急救卡小程序是什么？ 该小程序主要为一个表单的填写与提交。示例表单的内容包括姓名、性别、血型、医疗情况、服药情况、是否为器官捐献者和紧急联系人电话号码。提交成功后表单显示用户已填写的信息，如果用户想更新，直接更改表单内容再次提交即可。 我们所用到的组件和 API 所需组件 表单：form，将组件内用户输入的 <input/> <switch/> <radio> 等提交； 按钮：button，用以提交表单等； 输入框：input，用户输入姓名和紧急联系人电话号码； 单项选择器：radio-group 和 radio， 用户选择性别； 从底部弹起的滚动选择器：picker， 用户选择血型； 多项选择器：checkbox-group 和 checkbox，用户选择医疗情况； 多行输入框：textarea，用户输入自身服药情况； 开关选择器：switch，用户选择是否为器官捐献者。 所需 API wx.showToast: 显示消息提示框，当用户提交表单后，给予成功或失败提示； wx.makePhoneCall: 拨打紧急联系人电话。 上手开发 卡片展示页面 首次使用小程序，页面将显示一个 「创建医疗急救卡」 的按钮，效果图如下： 点击该按钮后显示表单，效果图如下： 当用户提交过表单后，按钮 “提交” 变为 “更新”

H-ui前端框架

由 给你一囗甜甜゛ 提交于 2020-02-27 03:31:47
按钮 不支持圆角和背景渐变浏览器，如IE系列，会显示扁平纯色直角效果。 HTML代码 <input class="btn btn-default" type="button" value="默认"> <input class="btn btn-default radius" type="button" value="圆角效果"> <input class="btn btn-default round" type="button" value="椭圆效果"> <input class="btn btn-primary radius" type="button" value="主要"> <input class="btn radius btn-secondary" type="button" value="次要"> <input class="btn btn-success radius" type="button" value="成功"> <input class="btn radius btn-warning" type="button" value="警告"> <input class="btn btn-danger radius" type="button" value="危险"> <input class="btn btn-link radius" type="button"

如何在“无线电”输入字段中使用“必需”属性

由 吃可爱长大的小学妹 提交于 2020-02-26 11:41:25
我只是想知道如何在单选按钮上正确使用新的HTML5输入属性。 是否每个单选按钮字段都需要以下属性？ 还是只有一个领域就足够了？ <input type="radio" name="color" value="black" required="required" /> <input type="radio" name="color" value="white" required="required" /> #1楼 如果您已自定义单选按钮，例如，单选按钮的原始图标已通过css display:none 隐藏，那么您可以创建自己的单选按钮，则可能会收到错误消息。 解决此问题的方法是将 display:none 替换为 opacity:0 #2楼 这是必需的单选按钮的非常基本但现代的实现，带有本地HTML5验证： body {font-size: 15px; font-family: serif;} input { background: transparent; border-radius: 0px; border: 1px solid black; padding: 5px; box-shadow: none!important; font-size: 15px; font-family: serif; } input[type="submit"] {padding: 5px 10px

【css】单选框和复选框文字垂直居中问题

由 巧了我就是萌 提交于 2020-02-25 12:33:06
现在的网站一般字体大小都是 12px，在 12px 下单选框和复选框文字垂直居中对不齐，不过要是字体大小是 14px 的话却完全没有这个问题。下面我整理了下解决方法，总共有 6 种。 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>css-checkbox-radio-vertical-align</title> <link rel="stylesheet" type="text/css" href="css/base.css" media="all"/> <style type="text/css"> body{font:12px SimSun;} p{margin:30px 10px;} .wrapper{margin:50px auto;width:500px;} .input1{vertical-align:text-bottom; margin-bottom:-1px; *margin-bottom:-4px;} .input2{height:13px; vertical-align:text-top; margin-top:0;} .input3{height:15px; vertical-align:bottom; margin-bottom:-1px; margin

element-ui Cascader 级联选择器 点击label选中

由 混江龙づ霸主 提交于 2020-02-20 11:35:13
通过修改label的样式解决： 注意：el-cascader-panel 是直接挂载在body上的，所以需要全局设置 .el-cascader-panel .el-radio{ width: 100%; height: 100%; z-index: 10; position: absolute; top: 10px; right: -10px; } .el-cascader-panel .el-radio__input{ 　　visibility: hidden; //隐藏单选框，不隐藏就不用设置 } .el-cascader-panel .el-cascader-node__postfix{ 　　top: 10px; } 来源： https://www.cnblogs.com/calamus/p/11813009.html

Get only unique names from more elements

由 我只是一个虾纸丫 提交于 2020-02-20 09:31:27
问题 I have dynamically rendered HTML that lists an undetermined number of radio buttons whose names represent some ids in a database. I need to collect all of the unique names of the radios. Here is an example: <input name="721" type="radio" value="A" /> <input name="721" type="radio" value="I" /> <input name="722" type="radio" value="A" /> <input name="722" type="radio" value="I" /> <input name="723" type="radio" value="A" /> <input name="723" type="radio" value="I" /> Checking the radios is NOT

Gridview 中的radio唯一选中

由 こ雲淡風輕ζ 提交于 2020-02-16 07:38:22
方法1：如果你只是想唯一选中，不触发任何事件：你可以用前台控件 <input id = "select" type = "radio" /> 方法2：Gridview中的radio用服务器控件 后台： this._offerCounties.Attributes.Add("onclick", "postBackByObject()"); 前台代码： <script language="javascript"> function postBackByObject() { var element = window.event.srcElement; if (element.tagName == "INPUT" && element.type == "checkbox") { var checkedState = element.checked; while (element.tagName != "TABLE") element = element.parentElement; UnCheck(element); element = element.nextSibling; if (element == null) return; var childTables = element.getElementsByTagName("TABLE"); for (var tableIndex =

html入门（七）—— 表单（form）

由 大兔子大兔子 提交于 2020-02-11 21:15:44
1. form标签 A. 用form标签创建一个表单，表单中所有内容都要在form标签之间。 B. form标签常用属性有name、action、method、target和enctype name：用于区分不同表单，同时也可以防止表单提交到后台后出现混乱。 action：用于定义表单提交的地址，也就是处理表单搜集到的数据送到哪里处理（没理解，有待后续深入研究）。 method：用于定义使用http的哪种方法提交表单数据，可取get（默认值）和post（没理解，有待后续深入研究）。 target：和标签a的target属性一样（没理解，有待后续深入研究）。 enctype：用于定义编码方式，一般采用默认，即不需要设置。 C. 表单对象就是放在form标签内的对象， 表单对象有三种：input、textarea、select和option。其中，select和option要配合使用，类似于ul和li。 对于需要和服务器交互的表单对象，一定要放在form标签内，否则也可以放在form标签外。 2. input标签 input标签是自闭合标签，属性值type不同会有不同的显示状态，type属性常用取值如下： type="text"：单行文本框 type="password"：密码文本框 type="button"：普通按钮 type="reset"：重置按钮 type="submit"

RFID 射频识别技术 NFC

由 我怕爱的太早我们不能终老 提交于 2020-02-08 00:11:33
RFID 概述 射频识别，Radio Frequency Identification 无线射频识别，一种通信技术，通过无线电信号识别特定目标并读写相关数据，而无需识别系统与特定目标之间建立 机械或 光学接触 一套RFID硬件由 Reader 与 Transponder 组成 NFC 来源： CSDN 作者： CpuCode 链接： https://blog.csdn.net/qq_44226094/article/details/104214145

Bootstrap之表单

由 ε祈祈猫儿з 提交于 2020-02-07 04:35:36
基础表单 表单中常见的元素主要包括： 文本输入框 、 下拉选择框、单选按钮、复选按钮 、 文本域 和 按钮 等。 当然表单除了这几个元素之外，还有 input 、 select 、 textarea 等元素，在Bootstrap框架中，通过定制了一个类名` form-control `，也就是说，如果这几个元素使用了类名“form-control”，将会实现一些设计上的定制效果。 1、宽度变成了100% 2、设置了一个浅灰色（#ccc）的边框 3、具有4px的圆角 4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化 5、设置了placeholder的颜色为#999 注意：类名“ .form-control ”是添加在 input、select上面的。只控制输入框的样式。 注意：当 input 的类型是 checkbox 或者 radio 时，<label> 是包裹住了 <input> 的>。 水平表单 Bootstrap框架默认的表单是 垂直显示风格 ，但很多时候我们需要的 水平表单风格 （标签居左，表单控件居右）见下图。 <form class="form-horizontal" role="form"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label"
订阅 radio