10.Web编程中的技能点_web的unselectable是什么-优快云博客

本文详细介绍了HTML中input文本框的状态控制方法，包括readonly、disabled及readonlyunselectable属性的区别与应用，以及如何使用JavaScript实现定时动态获取并显示系统当前时间。

1.单选框的取值,赋值

在这里插入图片描述

2.表格中的增删改查

在这里插入图片描述

3.让input文本框不可编辑的方法

readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本,后台会接收到传值. readonly 属性可以防止用户对值进行修改。(最常用)
readonly 属性仅可与 <input type="text"> 或 <input type="password"> 配合使用!!!
示例：
<input type="text" readonly="readonly">
<input type="password" readonly="readonly">
disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。(不常用这种,因为后台无法获取它的值)
示例：<input type="text" disabled="disabled" />
readonly unselectable=“on” 该属性跟disable类似，input 元素，不可编辑，不可复制，不可选择，不能接收焦点，设置后文字的颜色也会变成灰色，但是后台可以接收到传值。示例：<input type="text" readonly unselectable="on" >

4.JS中使用定时动态获取系统当前时间

html:

<div class="form-group col-md-4"><label>调整时间：</label>
   <input type="text" readonly="readonly" id="finishTime" class="form-control" />
</div>

JS代码
页面加载时调用

$(function(){ 
 setInterval(today, 1000);; //每隔一秒执行一次 
}) ;

today函数

function today(){//构建方法
   var today=new Date();//new 出当前时间
   var h=today.getFullYear();//获取年
   var m=today.getMonth()+1;//获取月
   var d=today.getDate();//获取日
   var H = today.getHours();//获取时
   var M = today.getMinutes();//获取分
   var S = today.getSeconds();//获取秒
   document.getElementById('finishTime').value= h+"-"+m+"-"+d+" "+H+":"+M+":"+S; //返回 年-月-日 时:分:秒
  }

效果
在这里插入图片描述