Code Monkey home page Code Monkey logo

front-end-demos's Introduction

front-end-demos

  • 关于前端的一些小型的demo和设计等

一些笔记

01-登录表单

  • 在登录表单中的用户名框中,如果不设置 input 框的 name 属性

  • 如果设置了 name 属性为 username,会出现提示输入框,然后影响样式布局

name 属性规定 input 元素的名称。 name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。 注释:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

<form>
  <!-- 用户名 -->
  <div class="user-box">
    <input type="text" name="username" required="" />
    <label>Username</label>
  </div>
  <!-- 密码 -->
  <div class="user-box">
    <input type="password" name="" required="" />
    <label>Password</label>
  </div>
  <a href="#">Submit</a>
</form>

front-end-demos's People

Contributors

lqj1 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.