html表单

SpringBoot之表单验证@Valid

匿名 (未验证) 提交于 2019-12-03 00:19:01
SpringBoot提供了强大的表单验证功能实现,给我们省去了写验证的麻烦; 这里我们给下实例,提交一个有姓名和年龄的表单添加功能, 要求姓名不能为空,年龄必须是不小于18 ; 我们先新建一个Student实体 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 package com.java1234.entity; import javax.persistence.Column; import javax.persistence.Entity; import javax.persistence.GeneratedValue; import javax.persistence.Id; import javax.persistence.Table; import javax.validation.constraints.Min; import javax.validation.constraints.NotNull; @Entity @Table (name= "t_student" ) public class Student { @Id

form表单之select标签

匿名 (未验证) 提交于 2019-12-02 23:43:01
checked  默认勾选 disabled  禁用,对所用input都好使 select标签(下拉选标签) 省份和市级联动,用JS技术 option选项 multiple可以多选  size="2"设置多选的最大个数 name表单提交项的键 <label>  <fieldset>样式 type="submit"是提交内容的动作 文本输入框要有name键,可以有value值 单选框、多选框标签要有name键和value值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>注册页面</h1> <form action="http://127.0.0.1:8090/index" method="post" enctype="multipart/form-data"> <p>姓名<input type="text" name="username" placeholder="姓名"></p> <p>密码<input type="password" name="password" placeholder="密码" readonly="readonly"></p> <p>爱好: 音乐<input type="checkbox" name=

H5表单标签属性使用小结

匿名 (未验证) 提交于 2019-12-02 23:32:01
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="" id="myForm"> <!--placeholder:提示文本,提示占位--> <!--autofocus:自动获取焦点--> <!--autocomplete:自动完成:on:打开 off:关闭 1.必须成功提交过:提交过才会记录 2.当前添加autocomplete的元素必须有name属性--> 用户名:<input type="text" name="userName" placeholder="请输入用户名" autofocus autocomplete="on"> <br> <!--tel并不会实现验证,仅仅是在移动端能够弹出数字键盘--> <!--required:必须输入,如果没有输入则会阻止当前数据提交--> <!--pattern:正则表达式验证 *:代表任意个 ?:代表0个或1个 +:代表1个或多个--> 手机号:<input type="tel" name="userPhone" required pattern="^(\+86)?1\d{10}$"> <br> <!--multiple:可以选择多个文件--> 文件:<input

[前端笔记]表单form

微笑、不失礼 提交于 2019-12-02 23:31:16
HTML 表单 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。 表单使用表单标签 <form> 来设置. HTML 表单 - 输入元素 多数情况下被用到的表单标签是输入标签(<input>)。<input> 元素是最重要的表单元素。 输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下: 文本域(Text Fields) 文本域通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。 密码字段 密码字段通过标签<input type="password"> 来定义. 单选按钮(Radio Buttons) <input type="radio"> 标签定义了表单单选框选项。 复选框(Checkboxes) <input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。 提交按钮(Submit Button) <input type="submit"> 定义了提交按钮. 当用户单击确认按钮时,表单的内容会被传送到另一个文件。 来源: https://www.cnblogs.com/inkfishgoat/p/11767230

11.VUE学习之提交表单时拿到input里的值

匿名 (未验证) 提交于 2019-12-02 23:05:13
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>vue</title> <link rel="stylesheet" href=""> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- <script type="text/javascript" src="../js/vue.js"></script> --> <style type="text/css"> .test{ background-color:yellow; } .test2{ font-size: 40px; } .green{ color: green; } </style> </head> <body> <div id="vue"> <h1 class="green" :class="hd">测试一下</h1> <input type="checkbox" v-on:click="test1()">is_test <input type="checkbox" >is_test2 <form action="" @submit=

Angular2+PrimeNG+Form表单

匿名 (未验证) 提交于 2019-12-02 22:56:40
注:下面我说的Form表单的用法是在一个完整的项目中的用法 1、引入组件 在 app.module.ts 文件中引入组件,代码如下所示: import {FormsModule, ReactiveFormsModule} from '@angular/forms'; imports: [ FormsModule, ReactiveFormsModule ], 在当前页面引入(你需要使用该组件的页面),代码如下所示: import {FormBuilder, FormGroup, Validators, FormControl} from '@angular/forms'; 2、使用 在你的当前组件的html 文件中,新建form标签。代码如下所示: <form [formGroup]="newLocationForm" autocomplete="off"> <p-accordion [multiple]="true"> <p-accordionTab header="基本信息" [selected]="true"> <div class="ui-g"> <div class="ui-g-6 fydd-new-location-input-container"> <span class="ui-float-label"> <input class="fydd-new

HTML

匿名 (未验证) 提交于 2019-12-02 22:56:40
1、html,css,js的关系 html作为基础,css进行渲染(布局),js进行动画。 2、HTML是什么 htyper text markup language 即超文本标记语言 超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 标记语言: 标记(标签)构成的语言. 网页==HTML文档,由浏览器解析,用来展示的 静态网页:静态的资源,如xxx.html 动态网页:html代码是由某种开发语言根据用户请求动态生成的 html文档树形结构图: 3、标签 3.1 什么是标签 是由一对尖括号包裹的单词构成 例如: <html> *所有标签中的单词不可能以数字开头. 标签不区分大小写.<html> 和 <HTML>. 推荐使用小写. 标签分为两部分: 开始标签<a> 和 结束标签</a>. 两个标签之间的部分 我们叫做标签体. 有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: <br/> <hr/> <input /> <img /> 标签可以嵌套.但是不能交叉嵌套. <a><b></a></b> 3.2 标签的属性 通常是以键值对形式出现的. 例如 name="Hme" 属性只能出现在开始标签 或 自闭和标签中. 属性名字全部小写. *属性值必须使用双引号或单引号包裹 例如 name="Hme" 如果属性值和属性名完全一样

python简单获取提交表单数据和将上传的文件保存

匿名 (未验证) 提交于 2019-12-02 22:11:45
html <form action="/login/" method="POST" enctype="multipart/form-data"> <p> <input type="text" name="user" placeholder="用户名" /> </p> <p> <input type="password" name="pwd" placeholder="密码" /> </p> <p> 男:<input type="radio" name="gender" value="1"/> 女:<input type="radio" name="gender" value="2"/> </p> <p> 男:<input type="checkbox" name="favor" value="11"/> 女:<input type="checkbox" name="favor" value="22"/> </p> <p> <select name="city" multiple> <option value="sh">上海</option> <option value="bj">北京</option> <option value="tj">天津</option> </select> </p> <p> <input type="file" name="fafafa"/> </p>

python3+selenium入门10-表单切换

匿名 (未验证) 提交于 2019-12-02 22:11:45
当元素在ifarm或farm中时,需要先进入到表单中,然后才能定位元素进行操作。直接对元素定位。会提示元素无法找到。 将上面HTML代码保存在文本编辑器中,不要在windows的笔记本中。文件名随便,后缀名.html或htm 使用switch_to.frame()可以切换表单,默认使用id或name定位,可以直接传对应的值。如果没有id或name属性,那就只能通过其他方式定位到之后再传进去 可以试一下,把切换表单的代码去掉,是会提示元素无法找到的。 使用driver.switch_to.parent_frame(),如果是多层frame,可以从子frame跳回到父frame 使用driver.switch_to.default_content() 切换回主文档,也就是跳出所有frame 原文:https://www.cnblogs.com/myal/p/9378361.html

Layui:前后端分离之Form表单

匿名 (未验证) 提交于 2019-12-02 22:06:11
1 <div style="display: none;" id="formContainer"> 2 <form class="layui-form mySearchForm" lay-filter="editForm"> 3 <div class="layui-form-item"> 4 <label class="layui-form-label">录入类型:</label> 5 <div class="layui-input-inline"> 6 <select name="seletLx" lay-verify="required"> 7 <option value="PT">录入普通人员</option> 8 <option value="YD">录入异动人员</option> 9 <option value="LZ">录入离职人员</option> 10 </select> 11 </div> 12 <label class="layui-form-label">职级:</label> 13 <div class="layui-input-inline"> 14 <select name="seletZj" lay-verify="required"> 15 <option value="1">普通员工</option> 16 <option value="2"