学习input表单

在我们web前端的学习中 input表单的用途十分广泛,下面让我为大家简单介绍它吧

<input type=" text" placeholder="  ">

placeholder是提示性文本,
我们可以看到一下网页的搜索框里面有请输入这几个字 这个就是placeholder的作用

<input  type="button">

这个是按钮,我们在网页里看到的按钮就是这样制作的

<input  type="file">

这个用于文件上传,可以选择自己需要上传的文件

<input  type="reset">

这个是表单重置按钮

    <input  type="submit">

这个是表单提交按钮

<input  type="radio">

这个是单选按钮,用来在网页中给用户做选择用的

    <input  type="checkbox">

这个是多选框,在网页中可以给用户提供更多的选择

 <input  type="password">

这个是密码框,当我们在这个框里输东西的时候,它不会显示内容
会显示小点点,这样就保护了我们的隐私

<select name="">
<option value="">列表1</option>
 <option value="">列表2</option>
 <option value="selected">列表3</option>
</select>

这个就是下拉列表了,selected是默认选中的意思,现在我们写的就是默认选中列表3了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这个序可能会有些长 先作个自我介绍,我是一名交互设计师,90后。我并不怎么喜欢编辑文章或写点什么,就是因为懒,所以...
    IxDKN阅读 11,131评论 16 160
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,554评论 0 17
  • 表单是什么? 从某种意义上来说,“表单”就相当于一份问卷,这份问卷有一些空白的地方需要你来填写答案。 例如 表单如...
    流光号船长阅读 771评论 0 2
  • 第一章 1、使用浏览器去访问的程序,叫网页 2、web代码存放在服务器 代码分为两种:① 运行在浏览器端:前端代...
    fastwe阅读 3,463评论 0 2
  • 2018年是00后的“成年元年”,这一年,第一批2000年出生的孩子们已经18岁了,步入了大学校园。 这让我想起了...
    燕语叮咛阅读 1,730评论 0 6