文本框

Flutter 中常见的表单有 TextField 单行文本框，TextField 多行文本框、CheckBox、Radio、Switch、CheckboxListTile、RadioListTile、SwitchListTile、Slide. TextField 文本框组件 常用属性： maxLines ：设置此参数可以把文本框改为多行文本框 onChanged： 文本框改变的时候触发的事件 decoration：hintText 类似 html 中的 placeholder ；border 配置文本框边框 OutlineInputBorder 配合使用 ；labelText lable 的名称 ；labelStyle 配置 lable 的样式 obscureText ：把文本框框改为密码框 controller ：controller 结合 TextEditingController()可以配置表单默认显示的内容 首先需要注意的是，因为表单就会涉及到表单值得改变，因此，需要使用StatefulWidget： import 'package:flutter/material.dart'; void main(){ runApp(MyApp());} class MyApp extends StatelessWidget{ @override Widget build

HTML5介绍 H5的特点 1）更简洁、但是在实际开发中要注意书写规范，利于后期维护 2）标签的语义化 扩展：语义化的重要性： ① 当页面加载失败的时候，还能够呈现出清晰的结构 ② 有利于SEO优化，利于被搜索引擎收录（即便于网络爬虫的识别） ③ 在项目开发及维护时，语义化的也很大程度上降低开发难度，节省成本 和新结构标签的区别和意义 3）语法更宽松 4）多设备跨平台 5）自适应网页设计 4、H5新增加的语义化标签 <header> 头标签 <nav>导航标签 <section> 章节、页眉、栏目 <article> 文章标签 <aside> 侧边栏导航 <footer> 页脚 1）section 表示内容区块,一般入章节、页眉、页脚或者页面中的其他部分。可以与h1-h6等元素结合起来使用，标示文档的结构 2）article 表示页面中的一块与上下文不相关的独立内容，譬如博客中的一篇文章或者报纸中的一篇文章 3）aside Aside表示acticle元素的内容之外的，与article元素的内容相关的辅助信息。 4）header 表示页面中一个内容区块或者整个页面的标题 5）footer 表示整个页面或者页面中的一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者联系信息。 6）nav 表示页面中导航链接的部分、① 传统的导航条 ② 腾讯新闻 ③侧边栏导航

表单元素 <form></form> <form> 标签用于为用户输入创建 HTML 表单。 表单能够包含 input元素，比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含 menus、textaera、fieldset、legend 和 label 元素。 表单用于向服务器传输数据。 属性： action：表示要提交给哪个页面上。 method： 数据提交的方式： 1.get：显式提交，显示值且有长度限制 2.post：隐式提交，不显示值没有长度限制 target：规定在何处打开 action URL。 _blank 在新窗口中打开。 _self 默认。在相同的框架中打开。 _parent 在父框架集中打开。 _top 在整个窗口中打开。 framename 在指定的框架中打开。 enctype：form-date：文件上传。 <input></input> <input> 标签用于搜集用户信息。 主要形式分为三大类：文本、按钮和选择。 文本：单行文本框和文本域。 单行文本框： type=text：代表文本，简单的文本框可以输入任意值。 type=password：代表密码框，输入的值全变为星号。 type=hidden：代表隐藏域，不显示。 name：代表文本框的名称。 value：代表文本框的值。 文本域： textarea： <textarea>

表单元素 　　 1.单行文本框<input type="text"/>（input 的type 属性的默认值就是"text"） <input type = “text” name=“名称”/> 　　以下是单行文本框的主要属性： 　　　　 size：指定文本框的宽度，以字符个数为单位；在大多数浏览器中，文本框的缺省宽度是20个字符。 　　　　 value：指定文本框的默认值，是在浏览器第一次显示表单或者用户单击<input type="reset"/>按钮之后在文本框中显示的值。 　　　　 maxlength：指定用户输入的最大字符长度。 　　　　 readonly：只读属性，当设置readonly属性后，文本框可以获得焦点，但用户不能改变文本框中的value。 　　　　 disabled：禁用，当文本框被禁用时，不能获得焦点，当然，用户也不能改变文本框的值。并且在提交表单时，浏览器不会将该文本框的值发送给服务器。 　　 2.密码框<input type="password"/>　 <input type=“password” name=“名称”/> 　　 3.单选按钮<input type="radio"/> 　　使用方式：使用 name相同的一组单选按钮，不同radio设定不同的value值，这样通过取指定name的值就可以知道谁被选中了，不用单独的判断

原创文章，如有转载，请注明出处： http://blog.csdn.net/yihui823/article/details/6702273 FrameLayout是最简单的布局了。所有放在布局里的控件，都按照层次堆叠在屏幕的左上角。后加进来的控件覆盖前面的控件。 在FrameLayout布局里，定义任何空间的位置相关的属性都毫无意义。控件自动的堆放在左上角，根本不听你的控制。 看以下的例子： <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="50dip" android:textColor="#ffffff" android:text="第一层"/> <TextView android:layout_width="fill_parent" android:layout

WPF中的命令与命令绑定(二) 周银辉 在WPF中，命令（Commanding）被分割成了四个部分，分别是ICommand，ICommandSource，CommandTarget和CommandBinding。下面我们来分别探讨这四个部分。 1，ICommand Command也就是我们的“命令”本身，比如“复制”“粘贴”。在WPF中，所有的命令都必须实现ICommand接口，它为所有的命令提供一个抽象，这个抽象对于我们实现Undo、Redo操作非常重要，如果你学习一下设计模式中的“命令”模式，你会更加深刻的理解。 ICommand接口中拥有Execute（）方法，该方法用于命令的执行（不过，注意：命令的执行逻辑——比如将剪切板中的文本去出来放到文本框的合适位置——并没有被编写到该方法中，稍后我们会讲到这其中的奥妙），另外的一个方法是CanExecute（）用于指示当前命令在目标元素上是否可用，当这种可用性发生改变时其便会引发该接口的尾页一个事件CanExecuteChanged。 在目前的WPF类库中，你能看到唯一一个实现了ICommand接口的类型RoutedCommand（其实还有一个名为SecureUICommand的类也实现了该接口，不过该类未被公开），“Routed”是一个不太容易被翻译的修饰词（有人将它翻译为“路由”）

如果以纯代码的形式进行JAVA的图形用户界面编辑，将是一件非常痛苦的事，博主在学习过程中发现了JAVA GUI编辑神器——WindowBuilder，提供可视化的编辑界面，控件的添加、排版只需使用鼠标进行拖拽即可。 #安装 首先进入WindowBuilder网站 http://www.eclipse.org/windowbuilder/ ，接着点击Download 选择对应的Eclipse版本，博主的是4.7（Oxygen），点击link，复制地址栏内的网址 打开Eclipse，点击顶栏Help内的Install New Software，将网址拷贝到Work with中并回车，勾选所有组件，一路点击Next即可进行安装。 安装完成后，点击Eclipse顶栏的File，选择New中的other，在弹出的新建框内若有WindowBuilder选项则证明安装成功。 #简单示例 博主接下来为大家实现一个Swing窗体应用程序（ 网络程序设计实验教程（Java语言） ），实现的功能是：1. 将字符序列文本框中的字符串以对应的编码方案进行编码，并存储到字节数组中，最后将字节数组中的字节以十六进制的方式表示；2. 将字符序列文本框中的十六进制方式表示的字节数组以对应的编码方案进行解码，并将解码后得到的字符串显示出来。 新建一个名为TestEncoding的Java项目

表单元素定位 表单元素的断言 处理富文本框 表格元素的定位 tr是行 td，th 是列---tr和th都可以用元素定位 来源： https://www.cnblogs.com/star77/p/11458560.html

1. ios系统兼input输入框光标问题 异常现象：　　苹果手机文本输入框样式异常——光标聚焦到文本框，光标高度充满文本框，输入内容，光标高度为文本框上边框到输入内容底部： 光标聚焦： 输入内容： 异常原因：　　使用line-height样式导致，在ios系统中渲染跟安卓手机不一致。 解决方法：　　input输入框改用padding控制文本框高度（如不考虑ios光标问题，继续用line-height也无妨，毕竟使用padding控制文本框高度还是有一点点麻烦的）。 2. ios脱离文档流问题： 异常现象：下拉页面，出现部分层随着下拉往下滑动，部分层保持不动，造成排版混乱； 解决方法：对于页面顶部展示的元素，可以使用绝对定位 position: absolute; ，不要使用固定定位 position: fixed; 。对于处于屏幕底部展示的一些需要固定位置的元素则可以使用固定定位fixed。 详见： ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法 。 3. 文本框展示不正常： 解决方法——设置行高即可： line-height: .9rem; 来源： https://www.cnblogs.com/xyyt/p/9341980.html

select实现对文本框的显示和隐藏 /** * 通过select的值实现对文本框的显示和隐藏 * #id为一个select控件 * .obj为一个文本框 */ function initSelector() { if ($('#id').val() != 1) { $('.obj').hide(); } $('#id').change(function () { var id = $(this).children('option:selected').val(); if (id== 1) { $('.obj').show() } else { $('.obj').hide() } }); } 来源： https://www.cnblogs.com/fatRabbit-/p/11418477.html