Html Imput 的用法

1、选中去除文本框文字，离开后显示原有文字：

<input name="key" type="text" id="key" value="关键词" size="30"   οnmοuseοver=this.focus();this.select();   οnclick="if(value==defaultValue){value='';this.style.color='#000'}"   onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999" />

2、选中后方可编辑：

<input type="checkbox" name="tpbox" value="1"
οnclick="if(this.checked) {txtNo.disabled=false}else{txtNo.disabled=true}">
你一定要幸福，我会好好的！你的姓名：
<input type="text" name="txtNo" size="20" value="选中前面的选项方可编辑" disabled>

3、点击链接后方可编辑：

<a href="#" onclick="username.readOnly=false;alert('你好，欢迎使用！')">先点击我哦！</a>
你的姓名：<input id="username" value="--请输入--" size="30" readOnly>

4、输入框从中间输入：

<input type="text" name="mid" style="text-align:center;">

5、输入框变色：

<input type="text" size="20" style="background-color:#FFFFFF"οnfοcus="style.backgroundColor='#FFFF00'"οnblur="style.backgroundColor='#FFFFFF'">

6、输入框只能输入数字（用的是正则表达式）：你的年龄，电话：

<input οnkeyup="value=value.replace(/[^\d]/g,'') "
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

7、输入框只能输入中文（用的是正则表达式）：你的中文名：

<input onkeyup="value=value.replace(/[ -~]/g,'')"
onkeydown="if(event.keyCode==13)event.keyCode=9">

8、只能输入英文和数字（用的是正则表达式）：

你的昵称：<input οnkeyup="value=value.replace(/[\W]/g,'') "
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
οnkeydοwn="if(event.keyCode==13)event.keyCode=9">

9、输入框不能编辑，但表单可以获得输入框内的值：

<input type="text" value="afreon" οnclick="alert('总和不能编辑！');" οnfοcus="this.blur()" />
<input type="text" value="afreon" οnclick="alert(this.value);" readonly />
<input value="不可修改"  readonly= "true" type="text"/>//:字体颜色为黑体

10、输入框不能编辑，并且表单不能获得输入框内的值

<input value="不可修改" disabled="disabled"  type="text"/>//:字体颜色为灰体

11、输入框禁止输入法：

<input onpaste="return false" style="ime-mode:disabled">

来源：https://www.jianshu.com/p/04499e051147

Html Imput 的用法相关推荐

sqlplus编辑命令行用法
sqlplus编辑命令行用法 set linedize 150 //每行显示的字符 set time on //在提示符前显示系统时间 SQL> set time on 12:25:08 SQL ...
c语言中external，static关键字用法
static用法: 在C中,static主要定义全局静态变量.定义局部静态变量.定义静态函数. 1.定义全局静态变量:在全局变量前面加上关键字static,该全局变量变成了全局静态变量.全局静态变量有 ...
Pandas_transform的用法
先来看一个实例问题. 如下销售数据中展现了三笔订单,每笔订单买了多种商品,求每种商品销售额占该笔订单总金额的比例.例如第一条数据的最终结果为:235.83 / (235.83+232.32+107.9 ...
Python中yield和yield from的用法
yield 后面接的是 future 对象调用方委托生成器 yield from 直接给出循环后的结果 yield from 委托者和子生成器直接通信 yield from 直接处理stopIte ...
pytorch学习中 torch.squeeze() 和torch.unsqueeze()的用法
squeeze的用法主要就是对数据的维度进行压缩或者解压. 先看torch.squeeze() 这个函数主要对数据的维度进行压缩,去掉维数为1的的维度,比如是一行或者一列这种,一个一行三列(1,3)的 ...
python yield 和 yield from用法总结
#例1. 简单输出斐波那契數列前 N 个数 #缺点:该函数可复用性较差,因为 fab 函数返回 None,其他函数无法获得该函数生成的数列 #要提高 fab 函数的可复用性,最好不要直接打印出数列,而 ...
tf.nn.embedding_lookup()的用法
函数: tf.nn.embedding_lookup( params, ids, partition_strategy='mod', name=None, validate_indices=True, ...
OpenMP用法大全
OpenMP基本概念 OpenMP是一种用于共享内存并行系统的多线程程序设计方案,支持的编程语言包括C.C++和Fortran.OpenMP提供了对并行算法的高层抽象描述,特别适合在多核CPU机器上的 ...
Dorado用法与示例
Dorado用法与示例 dorado用后总结一.dorado概念 dorado的产品全名是"dorado展现中间件".从产品形态上dorado由两部分组成,第一部分是一个具有AJ ...
TensorFlow用法
TensorFlow用法什么是TensorFlow TensorFlow是一个开源软件库,用于使用数据流图进行数值计算.图中的节点表示数学运算,而图的边缘表示流动的多维数据数组(张量).这种灵活的体 ...

Html Imput 的用法

Html Imput 的用法相关推荐

最新文章

热门文章