前端从头再出发之表单

HSdiana 2019-10-24 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>从新出发之表单元素</title>
</head>
<body>
<!--<p cl-->
<form action="http://www.baidu.com">
<!--    明文输入 value指定默认值-->
<!--    label用于关联-->
    <label for="account">请输入</label>
    <input type="text" value="value指定默认值" id="account">
    <br>
<!--    暗文输入-->
    <label for="pwd">密码</label>
    <input type="password" id="pwd">
    <br>
<!--    默认输入-->
    <label for="selec">请选择车型</label>
<!--    list指定datalist-->
    <input type="text" placeholder="这是默认输入" id="selec" list="cars"><br>
<!--   数字输入 value类型是string-->
    请输入
    <input type="number" placeholder="请输入数字"><br>
<!--    单选框-->
<!--    如果想要互斥，单选框必须有name属性且必须相等-->
<!--    默认需要checked-->
    性别
    <input type="radio" name="sex" checked>男
    <input type="radio" name="sex">女
    <input type="radio" name="sex">保密
<!-- 多选框 checkbox-->
    <br>
    <p>爱好</p>
    <div><input type="checkbox">足球
        <input type="checkbox">篮球
        <input type="checkbox">桌球
    </div> <br>
<!--    按钮-->
    <input type="button" value="请选择">
<!--    reset用于清空-->
    <input type="reset" value="清空">
<!--    提交按钮 submit-->
    <input type="submit">
<!--    datalist-->
    <datalist id="cars">
        <option>宝马</option>
        <option>奔驰</option>
        <option>尼桑</option>
        <option>宾利</option>
        <option>红旗</option>
    </datalist>
<!--    <input type="color">-->
<!--    <input type="file">-->
<!--    <input type="email">-->
<!--    select-->
    <br>
<!--    select的name和option中的value适用于提交的-->
    <select name="" id="">
        <optgroup label="济南">
            <option value="" selected >历下</option>
            <option value="">历城</option>
            <option value="">市中</option>
        </optgroup>
        <optgroup label="青岛">
            <option value="">城阳&nbsp111</option>
            <option value="">黄岛</option>
            <option value="">崂山</option>
        </optgroup>
    </select>
<!--    textarea宽用cols高用rows-->
    <textarea cols="40" rows="10">

    </textarea>
</form>

</body>
</html>
HSdiana

HSdiana

相关推荐

自动设置安卓手机wifi代理的PowerShell脚本

在实际测试工作中，经常要将安卓手机通过wifi代理的形式连接到本机的fiddler或charles服务器代理进行抓包测试。最近一直在想，有没有什么方法可以自动设置安卓手机的wifi代理，曾经想通过修改安卓系统配置文件的方式来修改但是没有找到解决方案。最后决

huha / 0评论 2020-10-16

正则表达式解决input框固定输入值得格式(金额,特殊字符)

栗子：只能输入金额，只能输入小数且最多保留2位不能输入某。//这里我使用的是input，每输入一次就会检查，也可以使用change改变时检查或blur失去焦点时检查。message: "请输入小于1的数!&*――――\-+={}|《》？m

TLROJE / 0评论 2020-10-26

改变input[type=range]的样式 动态滑动

<!DOCTYPEhtml>. <metaname="viewport"content="width=device-width,initial-scale=1.0">. <metahtt

echoes / 0评论 2020-08-20

HTML 5 &lt;input&gt; 标签

<input> 标签规定用户可输入数据的输入字段。根据不同的 type 属性，输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。在 HTML 4.01 中，"align" 属性已被废弃，HTM

nercon / 0评论 2020-08-01

Selenium系列之--06 CSS SELECTOR选择器的一些写法

//div#radio>input:nth-of-type 选择id为radio的div下的第4个input节点。//input.Volvo[name=‘identity‘] 选择class为.Volvo并且name为identity的input节点

zhanghaibing00 / 0评论 2020-06-28

Centos7开启iptables防火墙关闭firewall防火墙

因服务器被GJ，删除了数据库，并索要金额。鉴于不安全性，决定开启iptables防火墙实现安全性，并将默认的firewalld卸掉。允许来自于lo接口的数据包iptables -A INPUT -i lo -j ACCEPT. 开放22端口iptables

Aveiox / 0评论 2020-06-25

浅析七种经典排序算法

本文分析冒泡、快速、选择、插入、希尔、归并和堆排序，为了对以下各个算法进行方便的测试，测试主方法体如下：。int[] input = {5, 4, 7, 1, 6, 2, 8, 9, 10};本篇博文所有排序实现均默认 从小到大。每一次通过两两比较找到最大

henryzhihua / 0评论 2020-06-21

关于点击input框唤醒键盘导致input被遮盖的问题

之前在百度上看见大多数的方法利用的都是键盘唤醒了之后，页面的实际高度会发生变化。利用这个特点对页面进行一些变动，进而让页面滚动到input框露出。但是在安卓端有一些手机他们并不像iOS一样会自动将内容顶起和恢复，我们就需要自己添加聚焦和失焦事件，去手动的控

zhoutaifeng / 0评论 2020-06-17

composer出现问题: Could not open input file: composer.phar【转】

This will install composer to the current directory so that you can use php composer.phar

liangzhouqu / 0评论 2020-06-16

css: reset input record

border: 0;outline: none;vertical-align: -1px;

impress / 0评论 2020-06-12

input框问题

input框在设置text="number"后的两个问题。

sunshineboyleng / 0评论 2020-06-12

原生Ajax手动提交form表,将input标签的name:value值转换为字符串

我在使用form进行传递数据的时候,发现不知道如何调用回调函数,这个时候使用了原生的Ajax,但是使用xhr.open进行get请求的时候,需要带上form标签中input的数据.这里需要将input中的name:value转换为字符串的形式进行显式提交。

TONIYH / 0评论 2020-06-11

jquery根据name属性查找

$ 选择所有的name属性等于‘keleyicom‘的input元素。$ 可以使用多个属性进行联合选择，该选择器是得到所有的含有id属性并且那么属性以keleyi结尾的元素根据name取值：$.val()根据id取值:. -----jquery添加删除样式

开心就好 / 0评论 2020-06-10

[Python]reduce function &amp; lambda function &amp; factorial

result = reduce(lambda a, b: a*b, [item for item in range(1,i+1)])

x青年欢乐多 / 0评论 2020-06-06

keras_API汇总积累（熟读手册）二，函数式API

输入和输出均为张量，它们都可以用来定义一个模型，这样的模型同 Keras 的Sequential模型一样，都可以被训练。from keras.layers import Input,Dense，TimeDistributed,Embedding,LSTM,

KyrieHe / 0评论 2020-06-03

页面当中遇到的兼容问题以及解决方案

这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式：。input:-webkit-autofill { box-shadow: 0 0 0px 1000px #fff inse

bertzhang / 0评论 2020-06-02

[Java/Python]输出两数中的最小数 one-liner

System.out.printf("the smaller number is %d.%n", a < b ?

haokele / 0评论 2020-05-29

input表单如何制作多行文本输入框？一篇文章教你学会使用input标签

本篇文章主要的为大家讲述了HTMLinput标签如何制作一个登陆界面的介绍，有文本框、密码框、单选框、多选框、提交和重置按钮的使用说明，完全的解释了HTML表单input标签的使用详情了。现在让我们来看看这篇文章吧。<form action=&quo

niehanmin / 0评论 2020-05-28

pip命令报错“no perl script found in input”

windows10，命令行下使用pip命令时报错，python运行成功，且环境变量已经设置，可能是更新了新版本pip所导致

davidliu00 / 0评论 2020-05-26

python input( )

python中有输出函数print( )，那么也就会有输入函数，python 中的输入函数是input( ). 提示语句如果有则显示在标准输出中。如果用户键入EOF，则系统抛出异常。如用户输入 200，那么变量接收的不是整型数200，而是字符串200，即“

JackLang / 0评论 2020-05-15

详解shell脚本中的case条件语句介绍和使用案例

case条件语句我们常用于实现系统服务启动脚本等场景，case条件语句也相当于if条件语句多分支结构，多个选择，case看起来更规范和易读

liuyh / 0评论 2020-04-03

jquery 动态生成的input添加change事件

<table id="table" class="table table-striped table-bordered table-hover table-nowrap" width="100%&qu

牵手白首 / 0评论 2020-05-14

jQuery选择器--&gt;过滤选择器之表单对象的属性过滤器

　　表单对象的属性过滤器通过表单元素的状态属性匹配元素

81463166 / 0评论 2020-05-08

jQuery选择器--&gt;层次选择器之parent&gt;child选择器

　　parent>child选择器中parent代表父元素，child代表子元素，用于在给定的父元素下匹配所有的子元素。使用该选择器只能选择父元素的直接子元素。

80437916 / 0评论 2020-05-07

零基础入门Python I/O：从Print函数开始

计算机程序用于执行任务，是满足人类需求的工具。有信息的输入，程序才能接收指令、理解需求;有信息的输出，运行结果才能被反馈给用户。在编程中，信息输入操作称为Input，输出操作称为Output，统称为Input/Output，简写为I/O。此外，I/O并不仅

xiaoseyihe / 0评论 2020-04-28

Keras: input_shape函数

返回张量或变量的尺寸，作为 int 或 None 项的元组。input_shape就是指输入张量的shape。例如，input_dim=784，说明输入是一个784维的向量，这相当于一个一阶的张量，它的shape就是。

xiaoxiaokeke / 0评论 2020-04-26

file_get_contents

今天来说一说 $_POST、file_get_contents和$GLOBALS[‘HTTP_RAW_POST_DATA’]的区别，这三个方法都是用来接收post请求的，但是很少有人说出他们的区别是啥，下面就来说一说。只能接收Content-Type: a

olyqcool / 0评论 2020-04-26

微信小程序开发-地图map组件上使用input组件

在微信小程序中原生组件包括camera canvas input live-player live-pusher map textarea video. 在微信小程序开发中原生组件的层级是最高的，所以页面中的其他组件无论设置 z-index 为多少，都无法

sucheng / 0评论 2020-03-27

python如何利用input函数输入多个参数?

python进行交互式输入过程中，一般使用input()函数来接受键盘的输入。如果考虑这样的应用：程序需要多个参数，并且希望每输入一个参数就进行换行，即希望一次输入多个参数。关于这样问题网络上有一些帖子，但是总是没有讲到要点，这里解析如下。#注意，利用in

tengyunjiawucom / 0评论 2020-03-07

jquery使用on给input绑定focus事件和alert组合后无限弹出

我们知道，jQuery中的on方法是可以无限触发的，当给input绑定了focus事件的时候，如果在focus事件中使用了alert弹出框的话，很容易就会造成死循环的现象。原因是因为，jQuery的on绑定的这个focus事件是组合了onfocus和onb

donghongbz / 0评论 2020-03-04

Python学习16之input函数

‘‘‘‘‘‘‘‘‘Input函数：作用：接受一个标准输入数据返回值：返回为 string 类型使用：input（）‘‘‘a=inputprintprint‘‘‘请输入一个整数123123<class ‘str‘>‘‘‘print

chinademon / 0评论 2020-03-02

Windows系统上安装logstash和logstash-input-jdbc

电脑上安装有JDK8或者以上版本，安装有ElasticSearch，并启动。logstash -e "input { stdin { } } output { stdout {} }". 可以输入测试内容，如“hello world”

winxcoder / 0评论 2020-02-24

5.9 HTML5 新增表单控件 ---不是特别重要

HTML5 新增表单控件新增类型：网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索这些控件基本不使用：因为在不同的浏览器中效果不一样。产品设计中不允许多个浏览器效果不同，必须统一。新增常用表单控件属性：1、placeholder 设置文本框默认提

swiftwwj / 0评论 2020-02-23

HTML表单标签

maxlength：控制最多输入的字符数，legend元素必须是fieldset内的唯一个元素。分割URL和传输数据，参数之间以&相连。. 从请求的大小看，GET请求的长度受限于浏览器或服务器对URL长度的限制，允许发送的数据量比较小，而POST请

行吟阁 / 0评论 2020-02-23

python学习随笔1：python用户交互

info =‘‘‘_____info of %s____

chouliqingke / 0评论 2020-02-20

jquery.form.js提交 input file中的文件

现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台，供后台处理，可是开发中由于某些原因又不得不用ajax提交文件，解决方案：。下面说说 jquery.form.min.js 插件，它是一款优秀的Ajax表单插件，我们可以非常容易的使用

春雨的雕刻时光 / 0评论 2020-02-19

零基础入门深度学习(4) - 卷积神经网络

从输入数组中获取本次卷积的区域，return input_array[start_i: start_i + filter_height, start_j: start_j + filter_width]

wenxuegeng / 0评论 2020-02-15

Linux驱动开发之输入子系统

输入子系统的目的是为了屏蔽众多输入设备在硬件上的差异化，使得在开发输入设备的程序时能更简单统一。输入子系统屏蔽差异的方式就是为各种输入设备与上层应用提供统一的编程接口。完成 fops 的动作，并将输入事件上报给用户。负责为来自输入设备层的事件分发给相应的数

NeverAgain / 0评论 2020-02-15

CentOS 7防火墙快速开放端口配置方法

CentOS升级到7之后，发现无法使用iptables控制Linuxs的端口，baidu之后发现Centos 7使用firewalld代替了原来的iptables。systemctl disable firewalld.service #禁止firewal

85407718 / 0评论 2020-02-13

爬虫基础三

爬虫中主要用来解决JavaScript渲染的问题

xiangxiaojun / 0评论 2020-01-25

Angular单元测试之事件触发的实现

=在angular项目中时常有一些click、input、focusout等事件操作，那么如何在单元测试中触发这些事件呢？触发input事件，需要在获取到input元素后，先给输入框绑定值，然后去触发输入事件，最后更新视图。

jsonwoo / 0评论 2020-01-20

【python系统学习05】input函数——实现人机交互

我们写的程可以实现根据他输入的回答进行不同的逻辑走向。# 拿着搜集到的结果数据“result”的值来处理我们的程序，根据result的值不同，逻辑走向也就不同。运行的人按下回车，流程向下继续走。也就意味着result变量肯定是字符串类型的数据。针对inpu

xinhao / 0评论 2020-01-19

CSS定义input disabled样式

<p><input type="text" disabled="disabled" value="已禁用"/></p>. 被禁用的input元素默认显示为灰色，

vavid / 0评论 2013-05-31

Golang对元素slice并去重

func ArrayColumn(input []map[string]interface{},columnKey string) ([]interface{}){. // result = append(result, input[i][colu

tydldd / 0评论 2020-01-17

Centos 7如何设置防火墙

　　不熟悉centos 7 中的firewalld怎么办啊，没关系，iptables在centos 7 中照样适用。iptables -A INPUT -m state --state ESTABLISHED,RELATED -j ACCEPT. ipta

Wytheme / 0评论 2020-01-11

解决sublime不能正常使用python3中的input

{"keys":["ctrl+y+h"],"caption": "SublimeREPL: Python - RUN current file",

pythonxuexi / 0评论 2020-01-08

去除chome表单自动填充样式

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { /* 延迟动画 */

sunshineboyleng / 0评论 2020-01-08

Python输入input、输出print

input是用于输入数据给变量。通过键盘输入的是字符串，如果需要其他格式，需要做转换。比如int、float类型数据，int(). 　　如果a不进行int转换，那么输入一个值为9，输出a+7的时候会报错。%s和%d叫占位符，替变量站了位置，显示的时候会用变

PythonMaker / 0评论 2020-01-08

jquery利用attr、prop方法获取、设置input的checked属性

在jquery中应该使用prop方法来获取和设置checked属性，不应该使用attr,需要的朋友可以参考下。

小仙儿 / 0评论 2020-01-05

CentOS安装中文包

SCIM即智能通用输入法平台。SCIM是一款linux操作系统上非常优秀的文字输入平台，支持中文/韩文/日文等许多种语言。它本身自带拼音、内码等输入法，同时提供简单的程序接口，方便程序员便捷的对其进行扩充。使用C++编程语言写成，完全支持面向对象。可塑性极

putative / 0评论 2013-04-01