input 属性相关知识
-
第九课 表单及表单控件 html5学习4表单有由表单域、提示文本、表单3部分构成一、表单控件input 控件 1、<input />单标签2、input属性:可以通过type属性变换形状 value默认值 name名称 checked=checked默认选中maxlength 最多输入 正整数3、<input /> type属性值:text文本框、 password密码框、 radio单选框 如果是一组,通过相同的name实现、 checkbox复选框、 button普通按钮、 submit 提交按钮、 reset 重置按钮、 image 图片按钮、 file 文件域 文件按钮label标签1、label直接进行包裹 : <label>输入账号:<input type="text"/></label>2、如果label里面有多个表单,想定位到某个 可以通过for id的格式进行te
-
关于iso不兼容input框设置readonly属性后苹果设备,对于输入框设置了readonly属性以后,还是会有光标显示。可以在input\textarea设置了readonly属性后,在script中增加:$('input[readonly]').on('focus', function() {$(this).trigger('blur');});就不在显示光标了。动态生成元素的点击事件$(document).on("click",'.class1,.class2,...',function(){})或$('.class1,.class2,...').on('click',function(){}),在苹果设备上类似P标签,span标签等点击无效,只需要在标签上增加CSS样式cursor: pointer,点击事件即可生效。
-
jQuery基础——样式篇 (属性与样式).attr() 与 .removeAttr() //找到第一个input,通过attr设置属性value的值 $('input:first').attr('value','.attr( attributeName, value )') //找到第二个input,通过attr获取属性value的值 $("input:eq(1)").attr('value') //找到第三个input,通过使用一个函数来设置属性 //可以根据该元素上的其它属性值返回最终所需的属性值 //例如,我们可以把新的值与现有的值联系在一起: $("input:eq(2)").attr('value',function(i, val){ return '通过function设置' + val }) //找
-
HTML5之新表单属性新表单属性最完整的表单属性可以通过查阅w3cschool-h5表单属性获取,这里仅针对常见属性讲解autocomplete(自动完成)能够记录用户的输入,并且给予提示,这就是autocomplete的作用取值:on:开启off:关闭适用情况:一般用在input标签中示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form action="" > <input type="tex
input 属性相关课程
input 属性相关教程
- 1.2 Field 核心属性 前面的实验中我们用到的 django 的中的 CharField,并在初始化该 Field 示例时传递了一些参数,如 label、min_length 等。接下来,我们首先看看 Field 对象的一些核心属性:Field.required:默认情况下,每个 Field 类会假定该 Field 的值时必须提供的,如果我们传递的时空值,无论是 None 还是空字符串(""),在调用 Field 的 clean() 方法时就会抛出异常ValidationError ;>>> from django import forms>>> f = forms.CharField()>>> f.clean('foo')'foo'>>> f.clean('')Traceback (most recent call last): File "<console>", line 1, in <module> File "/root/.pyenv/versions/django-manual/lib/python3.8/site-packages/django/forms/fields.py", line 149, in clean self.validate(value) File "/root/.pyenv/versions/django-manual/lib/python3.8/site-packages/django/forms/fields.py", line 127, in validate raise ValidationError(self.error_messages['required'], code='required')django.core.exceptions.ValidationError: ['This field is required.']>>> f = forms.CharField(required=False)>>> f.clean('')''Field.label:是给这个 field 一个标签名;>>> from django import forms>>> class CommentForm(forms.Form):... name = forms.CharField(label='名称')... url = forms.URLField(label='网站地址', required=False)... comment = forms.CharField()... >>> f = CommentForm()>>> print(f)<tr><th><label for="id_name">名称:</label></th><td><input type="text" name="name" required id="id_name"></td></tr><tr><th><label for="id_url">网站地址:</label></th><td><input type="url" name="url" id="id_url"></td></tr><tr><th><label for="id_comment">Comment:</label></th><td><input type="text" name="comment" required id="id_comment"></td></tr>可以看到,这个 label 参数最后在会变成 HTML 中的 <label> 元素。Field.label_suffix:这个属性值是在 label 属性值后面统一加一个后缀。(django-manual) [root@server first_django_app]# python manage.py shellPython 3.8.1 (default, Dec 24 2019, 17:04:00) [GCC 4.8.5 20150623 (Red Hat 4.8.5-39)] on linuxType "help", "copyright", "credits" or "license" for more information.(InteractiveConsole)>>> from django import forms>>> class CommentForm(forms.Form):... name = forms.CharField(label='Your name')... url = forms.URLField(label='网站地址', label_suffix='?', required=False)... comment = forms.CharField()... >>> c>>> print(f.as_p())<p><label for="id_name">Your name#</label> <input type="text" name="name" required id="id_name"></p><p><label for="id_url">网站地址?</label> <input type="url" name="url" id="id_url"></p><p><label for="id_comment">Comment#</label> <input type="text" name="comment" required id="id_comment"></p>>>>注意:Form 也有 label_suffix 属性,会让所有字段都加上这个属性值。但是如果字段自身定义了这个属性值,则会覆盖全局的 label_suffix,正如上述测试的结果。Field.initial:指定字段的初始值;Field.widget:这个就是指定该 Field 转成 HTML 的标签,我们class LoginForm(forms.Form): name = forms.CharField( label="账号", min_length=4, required=True, error_messages={'required': '账号不能为空', "min_length": "账号名最短4位"}, widget=forms.TextInput(attrs={'class': "input-text", 'placeholder': '请输入登录账号'}) ) # ...Field.help_text:给 Field 添加一个描述;Field.error_messages:该 error_messages 参数可以覆盖由 Form 中对应字段引发错误的默认提示;Field.validators:可以通过该参数自定义字段数据校验;下面看我们上一讲的实验2中自定义了一个简单的密码校验,如下:def password_validate(value): """ 密码校验器 """ pattern = re.compile(r'^(?=.*[0-9].*)(?=.*[A-Z].*)(?=.*[a-z].*).{6,20}$') if not pattern.match(value): raise ValidationError('密码需要包含大写、小写和数字') class LoginForm(forms.Form): # ... password = forms.CharField( label="密码", validators=[password_validate, ], min_length=6, max_length=20, required=True, error_messages={'required': '密码不能为空', "invalid": "密码需要包含大写、小写和数字", "min_length": "密码最短8位", "max_length": "密码最长20位"}, widget=forms.TextInput(attrs={'class': "input-text",'placeholder': '请输入密码', 'type': 'password'}), help_text='密码必须包含大写、小写以及数字', ) # ...Field.disabled:如果为 True,那么该字段将禁止输入,会在对应生成的 input 标签中加上 disabled 属性(django-manual) [root@server first_django_app]# python manage.py shellPython 3.8.1 (default, Dec 24 2019, 17:04:00) [GCC 4.8.5 20150623 (Red Hat 4.8.5-39)] on linuxType "help", "copyright", "credits" or "license" for more information.(InteractiveConsole)>>> from django import forms>>> class CommentForm(forms.Form):... name = forms.CharField(label='Your name', disabled=True)... >>> f = CommentForm()>>> print(f)<tr><th><label for="id_name">Your name:</label></th><td><input type="text" name="name" required disabled id="id_name"></td></tr>Field.widget:这个 widget 的中文翻译是 “小器物,小装置”,每种 Field 都有一个默认的 widget 属性值,Django 会根据它来将 Field 渲染成对应的 HTML 代码。(django-manual) [root@server first_django_app]# python manage.py shellPython 3.8.1 (default, Dec 24 2019, 17:04:00) [GCC 4.8.5 20150623 (Red Hat 4.8.5-39)] on linuxType "help", "copyright", "credits" or "license" for more information.(InteractiveConsole)>>> from django.forms.fields import BooleanField,CharField,ChoiceField>>> BooleanField.widget<class 'django.forms.widgets.CheckboxInput'>>>> CharField.widget<class 'django.forms.widgets.TextInput'>>>> ChoiceField.widget<class 'django.forms.widgets.Select'>
- 1. 属性 首先,我们来介绍一下 Maven 的属性特性。其实,在我们之前的章节中,一直都有在使用 Maven 的属性。例如我们在引入 Spring 框架的时候,将 Spring 框架的版本号信息抽象出来,放到 properties 节点中去,在使用这个版本号的时候,可以通过${}来引用。<properties> <spring.version>4.0.2.RELEASE</spring.version></properties><dependencyManagement> <dependencies> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-core</artifactId> <version>${spring.version}</version> </dependency> </dependencies></dependencyManagement>我们都知道抽象了spring.version属性之后,可以减少我们很多的工作量,而且也便于我们对 pom.xml 文件的管理。在 Maven 的世界中,这只是其中一种属性。那我们来介绍一下 Maven 的属性的种类。内置属性: Maven 的内置属性主要有两个,一个是${basedir}用来表示项目的根目录,另一个是${version}用来表示项目的版本号;POM属性: 用来引用 pom.xml 文件中对应元素的值。一般来说,可以用${project.*}来表示,例如:${project.groupId}就是用来表示项目的 groupId 信息;自定义属性: 这个比较容易理解,就像我们上面例子中的${spring.version}就属于自定义属性的范围;Settings属性: 与 POM 属性类似。通常使用${settings.*}来表示,Settings 属性用来指向 settings.xml 文件中的属性,例如:${settings.localrepository}可以用来表示本地仓库的地址;Java系统属性: 所有 Java 的系统属性都可以通过 Maven 属性来引用。我们在使用之前可以通过mvn help:system命令来查看对应的属性;环境变量属性: 所有的环境变量属性都可以通过 Maven 属性来引用。通常用 ${env.*}来表示。我们在很多地方都可以用到 Maven 属性,例如我们的示例项目中,多模块直接互相引用的时候,我们会用到${project.groupId}和${project.version},来管理项目内部依赖。会用到${project.basedir}来指定项目配置文件的路径。
- HTML 属性 本章介绍 HTML 的标签内属性控制方式以及几种通用的属性的简单介绍。属性是 HTML 标签内提供的附加信息,一般用于描述标签或者控制标签的展现形式。属性大部分情况下以键值对方式出现,比如 key='value'。
- 2.2 属性 属性是附属在标签上的,对标签进行设定的一个概念。大多数标签的属性以“名称 = 值”的形式成对出现,由 “=” 分离并写在开始标签元素名之后。值一般由单引号或双引号包围,有些值的内容包含特定字符,在 HTML 中可以去掉引号。这里主要介绍两个所有标签都会有的属性。id 属性为元素提供了在全文档内的唯一标识。需要注意的是,一个 HTML 文件中,不同标签的 id 值是不能重复的。下面这个例子中,我们给 <h1> 这个标签添加了一个 id 的属性,给它赋值为:“head”。1403class 属性提供一种将相似标签分类的方式。多个标签可以定义同样的 class 属性,class 经常被用作于设定 css 相关的样式。下面这个例子中,我们给两个 <p> 标签都添加了一个 class 的属性,给它赋值为:“paragraph”。1404
- 4.3 属性 属性是控制元素的第二个维度,通过属性的设置,可以让元素展现出不同的表现风格。属性包含属性名称和属性值,通常在元素标签中用 name = value 的方式设置,多个属性之间使用空格隔开。例如表单中的是否只读,可以用916属性值通常需要使用引号隔开,并非强制性,但是一旦属性值中包含空格的话不使用引号隔开则会解析异常,例如:917上述表单定义 name 为 one style,第二种写法的解析结果则是定义表单的 name 为 one,然后定义一个空的 style 属性,显然与预期不符,但是浏览器并不会报错。所以使用规范的写法(引号隔开)则会避免这种异常情况出现。一个标签内可以包含多个属性,属性名称不能重复,属性名称不区分大小写,例如:918这样的话浏览器会解析错误,不同的浏览器会呈现不同的效果,但是一般不会报错。除了可以在标签内定义元素的属性之外,还可以使用 JavaScript 动态控制属性,这种方式在项目开发中经常使用,例如:919上述代码,通过使用 JavaScript 设置表单元素的 value 属性,实现了一个简单的加法计算器。
- 3. 类属性 类属性是隶属于类的属性,用于描述类的特征。在 Python 中,类属性在类中的定义如下所示:class 类名: 类属性 = 值示例代码如下:class Person: count = 0zhou = Person() zhou.name = 'Zhou'zhou.age = 58Person.count = Person.count + 1print('Person.count = %d' % Person.count)liu = Person()liu.name = 'Liu'liu.age = 53Person.count = Person.count + 1print('Person.count = %d' % Person.count)在第 1 行,定义了类 Person在第 2 行,定义了类 Person 的属性 count,该属性是类属性,描述了 Person 对象的数量在第 4 行,使用类 Person 创建一个对象 zhou在第 5 行,设置对象 zhou 的属性 name,该属性为实例属性在第 6 行,设置对象 zhou 的属性 age,该属性为实例属性因为新创建了一个对象 zhou在第 7 行,访问 Person 的类属性 count,对其增加 1在第 8 行,打印 Person 的类属性 count在第 10 行,使用类 Person 创建一个对象 liu在第 11 行,设置对象 liu 的属性 name,该属性为实例属性在第 12 行,设置对象 liu 的属性 age,该属性为实例属性因为新创建了一个对象 liu在第 13 行,访问 Person 的类属性 count,对其增加 1在第 14 行,打印 Person 的类属性 count程序运行输出如下:Person.count = 1Person.count = 2
input 属性相关搜索
-
inline
inner join
innerhtml
innerjoin
input
input readonly
input 属性
inputstream
inputtype
input属性
insert
insert into
insert into select
insertbefore
insertinto
insert语句
inspect
instance
instant
instr