精华内容
下载资源
问答
  • 6个非常精美的Web前端表单提交以及搜索框(六)
  • 6个漂亮的Web前端表单提交以及搜索框(上)

    1. 纯CSS3实现动画搜索框



     

    源码下载  /  在线演示

     

     

    2.  js text文本框字数限制



     

    源码下载 /  在线演示

    3.jQuery动态下拉登陆提示框



     

    源码下载/   在线演示

     

    展开全文
  • 6个漂亮的Web前端表单提交以及搜索框(下)

    4.jQuery圆形修边注册表单

    能在支持 FireFox、Chrome、Safari、傲游、搜狗、360浏览器。 



     

    源码下载/   在线演示

     

    5.  HTML5超酷表单展示效果

     



     

    源码下载  /  在线演示 

    6.  纯CSS3实现的紫色登录表单



     

    源码下载 /  在线演示

    展开全文
  • 在线效果:http://ynif.v099.10000net.cn/demo/biaodan/1/biaodan/index.html
  • 在线效果:http://ynif.v099.10000net.cn/demo/biaodan/5/biaodan/index.html
  • 在线效果:http://ynif.v099.10000net.cn/demo/biaodan/3/biaodan/index.html
  • 在线效果:http://ynif.v099.10000net.cn/demo/biaodan/4/biaodan/index.html
  • 在线效果:http://ynif.v099.10000net.cn/demo/biaodan/2/biaodan/index.html
  • web前端——表单元素

    千次阅读 2018-03-07 10:26:24
    表单:就是我们在注册帐号时所填写信息的地方。比如:帐号密码输入框,生日下拉选择,性别单选,按钮等。<input>标签:就是我们填写东西所需要的容器,而改变它的类型就可以变成不同的容器。<...

    表单:就是我们在注册帐号时所填写信息的地方。比如:

    帐号密码输入框,生日下拉选择,性别单选,按钮等。

    <input>标签:就是我们填写东西所需要的容器,而改变它的类型就可以变成不同的容器。

    <input type="text">文本输入框 可以加上value属性设置默认值,也可以加上placeholder属性进行提示文字设置。

    <input type="password">密码输入框

    <input type="button">按钮 可以加上value属性进行文字设置

    <input type="radio">单选按钮,如果想要它生效,还要给它一个name属性,名字写成一样。

    <input type="checkbox">多选框按钮,也叫复选按钮,通常用于爱好选择。

    <input type="reset" value="重置">重置按钮,清空输入的内容,但是要放在<from>表单标签里面才生效

    <form>
        用户名:<input type="text" placeholder="请输入用户名"><br>
        密码: <input type="password"><br>
        性别:<input type="radio" name="gender" checked="checked"><input type="radio" name="gender"><br>
        生日:<select>
                <option>1990</option>
                <option>1991</option>
                <option>1992</option>
            </select>    <select>
            <option>1</option>
            <option>2</option>
            <option>3</option>
        </select>    <select>
            <option>1</option>
            <option>2</option>
            <option>3</option>
        </select><br>
        爱好:<input type="checkbox">吃饭<input type="checkbox">睡觉<input type="checkbox">洗脚<br><br>
        <input type="button" value="提交">
        <input type="reset" value="重置">
    </form>

    展开全文
  • Spry 框架是一个JavaScript 库,Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的 Web 页。本课程内容是SPRY框架的第一部分,从浅入深,带您进入WEB前端开发的世界,帮助你完成表单验证的实现。
  • 零基础学前端前端初学者、前端入门、前端解疑
  • web前端—列表和表单

    千次阅读 2016-12-22 21:43:08
    定义列表 咖啡 黑色热饮料 <dt></dt> <dd></dd> 无序列表 </ul><ol> ...表单表单提交地址" method="提交方法"> 表单元素 </form>action为空,向当前页面提交 get提交参数在地址栏可见,post不显示,

    定义列表

    <dl>
    <dt>咖啡</dt>
    <dd>黑色热饮料</dd>
    <dt></dt>
    <dd></dd>
    </dl>

    无序列表

    <ul type=>
    <li>
    <li>
    </ul>
    <ol>
    <li><li>
    </ol>

    表单

    <form action="表单提交地址" method="提交方法">
    表单元素
    </form>

    action为空,向当前页面提交
    get提交参数在地址栏可见,post不显示,用于多数据保密数据提交

    <input name="表单元素名称" type="类型" value="默认值" size="显示宽度" maxlength="最大长度" checked="是否选中"/>

    type: text为默认值,password,radio,checkbox,submit,reset,button
    hidden隐藏域,页面看不到,客户端提交给服务器数据

    checked:只在checkbox,radio有用

    性别:<input type="radio" name="sex" checked="checked"value="0"/>male
    <input type="radio" name="sex" value="1"/>female
    密码:<input type="password" name="userpwd" size="20" maxlength="6"/>
    爱好:<input type="checkbox" name="hobby" value="run"/>跑步
    <input type="submit" value="登录"/><!--显示登录,默认为“提交” -->
    <input type="reset" value="重填"/>
    出生日期:<input type="text" name="year" value="yyyy" size="4" maxlength="4"/><select name=""><!--下拉列表-->
        <option value="0">---请选择---</option>
        <option value="1" selected="selected">1</option>
        <option value="2">2</option>
    </select>
    <!--多行文本域-->
    <textarea cols="" rows="">
    </textarea>
    展开全文
  • 最新Vue面试题网址:2021年 Vue经典面试题 -- 必问知识点 --(包含答案)_xm1037782843的博客-CSDN博客_vue面试题 敬请关注公众 :包含全套 Vue 最新面试题 js最近面试题 等大量前端知识技术。 部分都是百度的答案...
  • Web前端 | 注册表单验证

    万次阅读 2018-05-08 20:17:56
    通过以上四个文件即可实现一个简单的注册表单验证的功能(本程序中的time.jpg文件在《Web前段编程基础——编写简易计算器》博文 中的time.jpg相同,在此不再上传。) 运行页面如下,并可实现验证功能:   ...
  • WEB前端-JQuery-表单验证

    千次阅读 2016-09-03 00:08:05
    以下是分别以两种方式 DOM& jQuery绑定事件,并对表单内容进行简要验证的代码 可以通过js的表单验证减少与后台数据交互验证的动作,从而减少响应时间<!DOCTYPE html> <title>Title .item{
  • 数据验证【web前端表单

    千次阅读 2015-07-17 19:51:59
    数据验证最近做后台比较多,路七八糟的数据验证,弄得不厌其烦。SO,弄了个表单验证的玩意出来,达到快速,简介,不烦人的验证。下面看看,几种方式的数据验证,有什么不同。
  • 最近跟学长做一个项目,负责web前端,准备记录下遇到的问题,和一些收获。 首先是登录跳转页面问题。后台提供登录验证的接口,但是要在前端html文件间完成表单数据的传输、接收和跳转。 那么有两种方法:一、只有一...
  • 看了山人表单验证,又看了其他一些验证程序和相关的一些参考资料,写出了一个比较简洁的js表单验证程序。 功能简述: 验证: http地址 时间日期 e-mail 数字 字符长度检查 一项输入与另一项输入比较(例如:...
  • 在进行普通表单前端验证的时候可能会出现很多问题,菜鸟笔者把自己遇到的一些问题总结一下希望对各位写表单验证的同仁能够有一点点启发
  • 【1+X Web前端等级考证 】| 最新Web前端开发中级实操

    万次阅读 多人点赞 2020-11-23 13:20:37
    但是,说说1+X Web前端开发等级考证这个证书,总有人跑到网上问:这个证书有没有用? 这个证书含金量高不高? # 关于考不考 因为这个是工信部从2019年才开始实施试点的,目前还在各大院校试点中,就目前情况来看,...
  • ---------------------------------------目录------------------------------------ 一、web前端及其基本的HTML固定格式 二、列表标签 三、图片标签 ...1.web前端:web应用展示给用户的东西(结构,样式...
  • web前端开发(一)—HTML基础

    万次阅读 多人点赞 2018-07-31 23:41:15
    web前端简介 什么是HTML? HTML标签 HTML基本结构 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HTML 标签 HTML 列表标签 HTML表格 HTML超链接 HTML 图片 HTML表单 表单元素-文本、...
  • 我还是要推荐下我自己创建的web前端资料分享群606721798,这是web前端学习交流的地方,不管你是小白还是大牛,小编都欢迎,不定期分享干货,包括我整理的一份适合零基础学习web前端的资料和入门教程。...
  • Web前端】HTML表单:实现交互

    千次阅读 2018-09-19 19:16:04
    浏览器通过HTML表单和服务器实现交互,表单是一个可供用户输入信息的页面,用户提交表单后,表单包含的信息会发送到一个Web服务器,由服务器脚本负责处理并响应,返回一个HTML页面,最后浏览器显示这个页面。...
  • Web前端学习笔记

    千次阅读 多人点赞 2018-12-15 22:24:11
    Web前端(一)HTML css Web前端(二)HTMLHTML&amp;amp;amp;css(上)table+form ...Web前端(三)JavaScript (1) 表单校验:弹出显示 Web前端(三)JavaScript (2) 轮播图片+弹出广告 Web前端(三)JavaS...
  • 2021年最新Web前端面试题精选大全及答案

    万次阅读 多人点赞 2021-01-07 11:53:44
    muted 静音模式 音频: 音频属性和视频属性差不多,不过宽高和poster属性不能用 4.HTML5新增的内容有哪些 新增语义化标签 新增表单类型 表单元素 表单属性 表单事件 多媒体标签 5.Html5 新增的语义化标签有哪些 语义...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 86,971
精华内容 34,788
关键字:

web前端表单