10.Web编程中的技能点_cuichen97的博客-程序员秘密

技术标签: 前端  

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; //返回 年-月-日 时:分:秒
  }

效果
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/cuichen16/article/details/100822166

智能推荐

《算法笔记》3.6小节——入门模拟->字符串处理 问题 B: 首字母大写_wy471x的博客-程序员秘密

                                      问题 B: 首字母大写题目描述对一个字符串中的所有单词,如果单词的首字母不是大写字母,则把单词的首字母变成大写字母。在字符串中,单词之间通过空白符分隔,空白符包括:空格(' ')、制表符('\t')、回车符('\r')、换行符('\n')。输入输入一行:待处理的字符串(长度小于100)。输出可能有...

JavaScript高级程序设计之BOM之window 对象之窗口关系及框架 第8.1.2讲笔记_Minn0916的博客-程序员秘密

8.1.2窗口关系及框架如果页面中包含框架,则每个框架都拥有自己的window 对象,并且保存在frames 集合中。在frames集合中,可以通过数值索引(从0 开始,从左至右,从上到下)或者框架名称来访问相应的window 对象。每个window 对象都有一个name 属性,其中包含框架的名称。下面是一个包含框架的页面:Frameset Example

Android 设计模式 - 源码 之 单例模式_android单例模式代码_Android女王的博客-程序员秘密

基类所以,这里单例抽象基类的作用:(1) 提供获取单例对象的方法(2) 声明 创建 单例对象 的抽象方法, 具体创建过程由子类实现(3) 提供 泛型参数,由子类 确定单例的实际功能本文转自,如有侵权,请联系删除。

laravel require(): open_basedir restriction in effect. File(/www/wwwroot/你网站根目录/vendor/autoload.php_phper_陈普的博客-程序员秘密

require(): open_basedir restriction in effect. File(/www/wwwroot/【你网站根目录】/vendor/autoload.php) is not within the allowed path1.是不是根本就不存在vendor/autoload.php文件或vendor文件夹?查看这篇文章2.如果存在vendor/autoload.p...

节点表征学习与节点预测和边预测_节点特征预测_O-A-A的博客-程序员秘密

基于图神经网络的节点表征学习引言在图节点预测或边预测任务中,需要先构造节点表征(representation),节点表征是图节点预测和边预测任务成功的关键。在此篇文章中,我们将学习如何基于图神经网络学习节点表征。在节点预测任务中,我们拥有一个图,图上有很多节点,部分节点的预测标签已知,部分节点的预测标签未知。我们的任务是根据节点的属性(可以是类别型、也可以是数值型)、边的信息、边的属性(如果有的话)、已知的节点预测标签,对未知标签的节点做预测。我们将以Cora数据集为例子进行说明,Cora是一个论文

16个自媒体平台吐血推荐_大戳的博客-程序员秘密

很久没用“吐血”这个词了,主要是血已吐的差不多了,经过长时间回血与养精蓄锐,今天再次吐血分享:分享17个自媒体平台大全。至于怎么用,你懂得。自媒体平台类似于新浪博客,你注册个号就可以开设个博客,而自媒体平台也是,所有巨头都在自家后院搭建了“王府井”一条街,剩下就是等一大波人过来摆摊。1,微信公众平台微信?好像也没啥可说的了,大家都知道。载体是微信手机客户端,海量用户

随便推点

Flink基于yarn常驻进程服务监控_wppwpp1的博客-程序员秘密

1,因业务需求,需要监控yarn的某些常驻进程,如果挂了的话,打电话报警或者把相关报警发到报警群里。package com.crgt;import java.io.IOException;import java.io.InputStream;import java.io.OutputStream;import java.io.UnsupportedEncodingException;import java.util.*;import java.util.concurrent.TimeUn

JS document.URL , windows.location.href 的区别_wab5168的博客-程序员秘密

document 是一个文档对象,windows 表示一个窗口对象。 一个窗口对象中包含着文档对象。[window 对象]   它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口。[document 对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。document 只是属于window 的一个子对

总结下ThinkPHP的代码审计方法_网络安全小强的博客-程序员秘密

本文基本是依照TP3出现的历史漏洞来总结的审计方法,其中还有很多没有提到的点,如TP3对文件上传的过滤等,不过本文到这已经有9000多字了,有点超过我的预期,至于本文没有提到的点,大多是按照正常的php审计方法就能审计TP3的程序,所以本文就此结束网络安全入门学习路线其实入门网络安全要学的东西不算多,也就是网络基础+操作系统+中间件+数据库,四个流程下来就差不多了。1.网络安全法和了解电脑基础。

task_struct结构体字段介绍--Linux中的PCB_请查阅教材 (表 3.4 ,3.5 和 3.6) 和资料, 标出 linux 的 pcb (task_zhaomhh的博客-程序员秘密

Linux内核通过一个被称为进程描述符的task_struct结构体来管理进程,task_struct是Linux中的【进程控制块PCB结构】的具体数据结构这个结构体包含了一个进程所需的所有信息。它定义在linux-2.6.38.8/include/linux/sched.h文件中。下面对task_struct这个结构体 进行各个字段的详细介绍1. 调度数据成员

locust工具学习笔记(三)-Tasks属性、tag修饰符、TaskSet类_locust tasks_小黑测试员的博客-程序员秘密

locust工具学习笔记(三)虚拟用户数分配和权重的关系1、一个场景文件中如果定义多个用户类,用来对不同用户行为进行压测时,可以用weight属性来控制用户行为执行权重2、当用户权重不足1人时,则会被忽略(如果权重为5:1时如果启动3个用户,则配比是2.5:0.5,不足一人时用户行为2不会被执行)from locust import User, task, constant​class UserBehavior1(User): wait_time = constant(1) ..