首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端系列教学 - HTML基础

### Input元素: 标签多数情况下被用到的表单标签是输入标签。 使用标签来声明允许用户输入数据。 是空元素,只由开始标签和属性组成。...placeholder属性 规定可描述输入 字段预期值的简短的提示信息。 value属性 定义文本框内的文字。 size属性 定义文本框的长度,以字符为单位。...maxlength属性 设置文本框中最多可以输入的字符数量。 #### 密码框(password) password 类型用于密码输入。...在外观上它和 text 类型 一样,也有同样的属性,但是密码框输入的字符是不可见的。 可以发现我在value属性里设置了值,但最后在密码框里显示的却是星号。...name属性定义的单选按钮组 (具有相同名称的单选按钮 属于同一组)。 value属性设置单选按钮的值。

7.2K110

给input填充提示文字

很多时候我们发现input输入框里有提示文字,当我们输入内容后,提示文字消失,不输入内容,提示文字出现,这里我来介绍两种方式来实现。...第一种方式是通过js的方式来实现,首先我们从input的获取焦点和失去焦点两个事件,预先将提示文字写在input的value值里,例如value="我是提示文字" />,...这样我们在看到的效果里就会是文本框里有我是提示文字的文字了,当我们点击文本框即文本框获取到了焦点,这时将value的值设置为空,例如: function removeWenzi(){ $("#inp...").val(""); } 这时给input添加onfocus事件,例如value="我是提示文字" />这样我们点击文本框的时候文字就会消失...当输入结束时,需要判断一下用户是否输入了,如果没有输入则出现提示文字,否则不出现,例如: function addWenzi(){ if($("inp").val()==""){ $(

2.4K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    webpack+vue项目实战(四,前端与后端的数据交互和前端展示数据)

    for (let key in _form) { testStr = null; //如果属性的值不为空。...如果我们想体验好一点,做一个提示加载中的提示呢 ? 这个简单的。首先在el-table上,设置v-loading="loading"。 ? 然后在data设置loading这个属性 ?...这样提示不太友好,因为只显示空白一片,用的人可能不知道怎么回事。这时候加个判断,如果某一个属性的值,为空字符串或者null,就替换成‘--’。...就是输入,然后再输出结果,如上图,我在回款ID下面的文本框输入‘M2017070400060002’。然后点击搜索。就会出现输出结果。 下面,我们一步步来 6-1点击 ? ,出现搜索框。...6-3实现重置搜索功能 看了搜搜索之后,我想大家都知道重置搜索怎么做了!就是先把keyFrom搜索的属性的值清空,再执行getList。

    2.5K20

    Roslyn 使用 WriteLinesToFile 解决参数过长无法传入

    TextFile文件 在写完之后就可以调用 Exec 执行程序了,也许这时大家会发现,本金鱼又在逗大家了,辅助的程序怎么知道 WriteLinesToFile 执行完了,会不会拿到一个空的文件。...我很负责和大家说,会的,如果现在不修改代码直接调用就会出现读取到的文件可能是空的 还记得 DependsOnTargets 这个属性?...,从参数可以拿到文件名,然后通过读文件的方式拿到输入的文件 现在的代码已经可以运行了,但是本渣还需要继续告诉大家一些属性的设置是为什么,第一个设置的参数就是WriteLinesToFile 的 File...第二个参数Lines就是输入的文本,不要问我文本怎么写为 line 而且是按照;分割多行的。...最后一个参数比较重要,是设置如果存在这个文件是否覆盖,如果没有选择覆盖,那么下面的辅助程序拿到的文件都会是以前的文件。我就是没有设置这个属性用了半个钟才发现读的文件都是以前的文件。

    65420

    Roslyn 使用 WriteLinesToFile 解决参数过长无法传入

    TextFile文件 在写完之后就可以调用 Exec 执行程序了,也许这时大家会发现,本金鱼又在逗大家了,辅助的程序怎么知道 WriteLinesToFile 执行完了,会不会拿到一个空的文件。...我很负责和大家说,会的,如果现在不修改代码直接调用就会出现读取到的文件可能是空的 还记得 DependsOnTargets 这个属性?...,从参数可以拿到文件名,然后通过读文件的方式拿到输入的文件 现在的代码已经可以运行了,但是本渣还需要继续告诉大家一些属性的设置是为什么,第一个设置的参数就是WriteLinesToFile 的 File...第二个参数Lines就是输入的文本,不要问我文本怎么写为 line 而且是按照;分割多行的。...最后一个参数比较重要,是设置如果存在这个文件是否覆盖,如果没有选择覆盖,那么下面的辅助程序拿到的文件都会是以前的文件。我就是没有设置这个属性用了半个钟才发现读的文件都是以前的文件。

    80730

    React Native组件篇(三) — TextInput组件

    value 字符串型 文本输入的默认值 onChangeText 函数 监听用户输入的值 看下效果: ?...secureTextEntry 布尔型 如果值为真,文本输入框就会使输入的文本变得模糊,以便于像密码这样敏感的文本保持安全。...授之以鱼不如授之以渔     组件篇的文章也写了三篇了,大家也知道了学习控件基本上就是学习他的属性及应用,那么我们去哪找控件的属性呢?    ...比如今天的TextInput ,我罗列的只是其中一部分,那么我怎么去翻  TextInput的API呢?...那么属性在哪呢?我们点开看看,最后我们看到propTypes里有我们罗列的那些属性还有一些我们没有接触过的属性。这时候我们可以测试一下这些属性都是干什么的了。

    2.2K20

    django 1.8 官方文档翻译:5-1-4 内建的Widget

    在下面的示例中,设置了SelectDateWidget 的years 属性: from django import forms from django.forms.extras.widgets import...渲染中使用的value参数可以是二者之一: 一个列表。 一个单一值(比如字符串),它是列表的“压缩”表现形式。 如果value是个列表,render()的输出会是一系列渲染后的子widget。... choices 当表单字段没有choices 属性时,该属性是随意的。如果字段有choice 属性,当字段的该属性更新时,它将覆盖你在这里的任何设置。...如果字段有choice 属性,当字段的该属性更新时,它将覆盖你在这里的任何设置。...如果DateField 不是必选的,SelectDateWidget 将有一个空的选项位于选项的顶部(默认为---)。你可以通过empty_label 属性修改这个文本。

    5K40

    有它我不慌的

    内部链接不用http://开头 c.空连接 # 空链接 有了地址再更改就可以了 d.下载链接 属性: 但是下面这种提示效果是怎么弄的呐?...而且还的要好好写,这是和name一样,提供给后台人员看的 提供给后台人员看: 1.name值:一种type属性值设置成统一的,可以让后台人员知道哪些是一组的 2.value值:可以让后台人员知道你选择或者输入的是什么...value一般设置为“注册” ps:其实password属性值,也是可以设置value,并且展示,但这没必要,因为是暗文,可以但是没必要 这里我把form表单域里的action属性添加上来了,然后结合最后添加的提交按钮...属性中,然后再input中添加id属性,把for和id属性值设置成统一的名称就可以了.

    1.4K20

    Flutter 全栈式——基础控件

    简单说就是字体缩放系数 maxLines int 文本最多可显示的行数。如果文本超过给定的行数,则根据溢出规则截断 textSpan TextSpan 以TextSpan方式显示文本。...输入框是否可用 readOnly bool 是否只读 装饰器 InputDecoration 属性名 类型 简述 icon Widget 设置位于输入框前的图标 labelText String 设置描述输入框的标签...labelStyle TextStyle 设置labelText的样式 helperText String 帮助文本,位于输入框下方,如果errorText为空则不会显示 helperStyle TextStyle...设置helperText的样式 hintText String 提示文本,位于输入框内部 hintStyle TextStyle hintText的样式 hintMaxLines int 提示文本最大行数...同时使用 counterText String 右下方显示的文本,常用于显示输入的字符数量 counterStyle TextStyle counterText的样式 filled bool 如果为true

    3.8K40

    注册型网站设计的阶段总结

    这是我自己想的方法,不知道大众化的方法是怎样实现的,其实分色就是利用bgcolor这个属性给表格上色 点击传值 文字/按钮链接属性有form,无form,需要返回值,无需返回值直接简单执行...myreg.test(temp.value)){ alert('提示\n\n请输入有效的E_mail!')...,注册时,更改时 这是对于文本框信息进行检验的一个步骤,当我们进行输入时,应该把空格全部去掉,无论是提交的用户名也好,还是一串查询的信息也好 空格对于后代的数据库处理其实都是无用的,所以要进行过滤,使用的方法...: var xxx = inputname.trim();//假设已经获得了input框的值,并且把它赋值给了inputname 这样可以把输入到文本框里的字符中的空格给去掉 再者,如果对于”输入不为空...“这个条件进行检测,那么输入一串空格将是必须的,上述的trim()可以吧字符串去掉空格字符,当然对于一串 空格,处理后就会是空值,即上述方法就可以完成。

    2.7K30

    Django的模板系统

    ,否则,使用变量的值 {{ value|default:"nothing"}}     如果value没有传值或者值为空的时候就显示nothing   length     返回值的长度,作用于字符串和列表...}}     如果 value 是 123456789,输出将会是 117.7 MB。   ...但是有的时候我们可能不希望这些HTML元素被转义,比如我们做一个内容管理系统,后台添加的文章中是经过修饰的,这些修饰可能是通过一个类似于FCKeditor编辑加注了HTML修饰符的文本,如果自动转义的话显示的就是保护...post提交表单数据,或者说你没有先去请求我这个登陆页面,而是直接模拟请求来提交数据,那么我就能知道,你这个请求是非法的,反爬虫或者恶意攻击我的网站,以后将中间件的时候我们在细说这个东西,但是现在你要明白怎么回事...id属性  然后{% block id属性名字%}   这个模版,我们把它叫作 base.html, 它定义了一个可以用于两列排版页面的简单HTML骨架。

    1.7K10

    .NET快速开发实践中的IExtenderProvider扩展组件

    说起扩展编程组件,我们不得不起到一个接口IExtenderProvider,参考msdn的定义:定义将属性扩展到容器中的其他组件的接口;下面我贴上IExtenderProvider的定义...IExtenderProvider接口组件提供了一种与容器中其他组件的粘合能力,这无疑是为我们提供了另一种组件的扩展思想,我理解为侵入编程,假设没有这个方式,我们扩展一个组件需求继承原有的组件并且增加一个或多个扩展属性...")] [Description("获取/设置文本框是否必须输入")] public bool GetAllowInput(TextBox textBox)...TextBox的在TextBoxAllowInput 上的扩展属性AllowEmpty来控件是否允许输入空值: ?          ...上例简单的介绍了一下IExtenderProvider接口及其背后的编程思想,在开发过程中,我们可以应用这种侵入式编程接口实现很多的扩展组件如数据绑定、输入验证、焦点跳转、输入法切换等多种多样的快捷编程辅助组件

    70070

    分享一些对你有帮助的JavaScript技巧

    false ---- Value as Number 你有没有注意到,event.target.value总是返回一个字符串类型的值,即使输入框的类型是数字? 是的,请看下面的例子。...我们有一个简单的文本框,类型为数字。这意味着它只接受数字作为输入。它有一个事件处理程序来处理加键事件。...但它返回的是一个字符串类型的值。现在,我将有一个额外的头痛问题,就是如何将它解析为一个整数。如果输入框接受浮动数(比如,16.56),那么parseFloat()怎么办?...如果这个人的年龄是0(可能是刚出生的婴儿)。年龄将被计算为35,这是意想不到的行为。 进入空值凝聚运算符(??)。...那么这样做的输出会是什么呢? console.log(fire, clock, watermelon); 结果: 让我在这里也介绍一下叫做 rest 操作符的东西。

    1.3K20

    HTML 入门笔记 - 初识HTML

    如想在我的文章中引用李白《关山月》中的诗句,因为引用文本比较长,所以使用。...怎么办?不会是每一代码都加入一个标签吧,没有这么复杂,这时候就可以使用标签。 语法:语言代码段 标签的主要作用:预格式化的文本。...title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。...这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好) 提醒 还有一个有趣的现象不知道小伙伴们发现了没有,只要为文本加入a标签后,文字的颜色就会自动变为蓝色(被点击过的文本颜色为紫色...name:为文本框命名,以备后台程序ASP 、PHP使用。 value:为文本输入框设置默认值。

    6.6K51

    分享一些你可能不知道的但却很有帮助的JavaScript小技巧

    false ---- Value as Number 你有没有注意到,event.target.value总是返回一个字符串类型的值,即使输入框的类型是数字? 是的,请看下面的例子。...我们有一个简单的文本框,类型为数字。这意味着它只接受数字作为输入。它有一个事件处理程序来处理加键事件。...但它返回的是一个字符串类型的值。现在,我将有一个额外的头痛问题,就是如何将它解析为一个整数。如果输入框接受浮动数(比如,16.56),那么parseFloat()怎么办?...如果这个人的年龄是0(可能是刚出生的婴儿)。年龄将被计算为35,这是意想不到的行为。 进入空值凝聚运算符(??)。...那么这样做的输出会是什么呢? console.log(fire, clock, watermelon); 结果: ? 让我在这里也介绍一下叫做 rest 操作符的东西。

    1.1K50

    Django之模板系统

    default     如果一个变量是false或者为空,使用给定的默认值。 否则,使用变量的值。...{{ value|default:"nothing"}}     如果value没有传值或者值为空的话就显示nothing   length     返回值的长度,作用于字符串和列表。     ...例如: {{ value|filesizeformat }}     如果 value 是 123456789,输出将会是 117.7 MB。   ...但是有的时候我们可能不希望这些HTML元素被转义,比如我们做一个内容管理系统,后台添加的文章中是经过修饰的,这些修饰可能是通过一个类似于FCKeditor编辑加注了HTML修饰符的文本,如果自动转义的话显示的就是保护...post提交表单数据,或者说你没有先去请求我这个登陆页面,而是直接模拟请求来提交数据,那么我就能知道,你这个请求是非法的,反爬虫或者恶意攻击我的网站,以后将中间件的时候我们在细说这个东西,但是现在你要明白怎么回事

    1.3K20

    datalist标签小结

    value="AR">Arkansas 如果在option中一旦指定了value的值,则用户通过下拉列表选择后,文本框中显示的将会是value...的值,如下图: 三、Autocomplete属性 该属性可以设置为on或off,表示输入字段是否应该启用自动完成功能,如下代码所示: HTML 代码   复制 如果设置了autocomplete属性,则将会继承父元表单元素中autocomplete的值得, 如果也没设置,则默认autocomplete为on,这里没进行任何设置,所以firstName...-- 设置为off,代表浏览器将不记忆用户在该文本框本次的输入,也不进行建议提醒 --> 文本框,而input文本框中依然绑定了datalist,这样的好处是,当在不支持datalist的浏览器中运行的时候会有上图的效果:一边是下拉选择,另外的是可以允许用户输入下拉列表中不存在的记录。

    2.5K50

    FluentValidation在C# WPF中的应用

    本文需要实现的功能unsetunset 提供WPF界面输入验证,采用MVVM方式,需要以下功能: 能验证ViewModel中定义的基本数据类型属性:int\string等; 能验证ViewModel中定义的复杂属性...复杂属性:我遇到的问题是,怎么验证ViewModel中对象属性的子属性?...和子属性都实现IDataErrorInfo接口,即可实现复杂属性验证,文章中没有具体实现,但灵感是从这来的,就不具体说该链接代码了,有兴趣可以点击链接阅读,下面贴上代码。..."); } } 这里写的简单了点: 文本数据类型,值不能为空; 数字数据类型,必须是double类型; 日期类型,必须能使用DateTime转换; 本文只做简单演示,可按实际情况修改。...(Student类的实例),设置验证该属性时使用StudentValidator验证器; Fields用于验证集合属性(ObservableCollection),设置验证该属性子项时使用

    19710

    如何使用小程序表单组件

    [1541474442384] 同样,button组件也支持很多属性,这里我列出常用的属性,更多内容请参考官方文档。...输入文本"/> 这就是最简单的用法,当然,小程序官方为input提供了很多属性,我们先看看。..." /> Hello World - textarea多行输入框 某些情况下,单行输入框不能满足我们的要求,这就需要多行文本框,官方也提供了多行文本框的组件...同时,我们设置了时间的有效范围,从早上09:01到晚上的21:01,当我们设置完成,触发bindTimeChange函数,改变选择的时间。...总结 通过表单组件,你就可以写一个用户注册或用户登录,问卷系统等功能的页面了,后续我将会对其他组件做详细的介绍。喜欢的小伙伴请持续关注本专栏。

    5.2K41
    领券
    首页
    学习
    活动
    专区
    圈层
    工具