美文网首页
学习input表单

学习input表单

作者: 周周很可爱 | 来源:发表于2019-06-17 14:39 被阅读0次

在我们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了

相关文章

  • 学习input表单

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

  • 2018-03-26 Ch9 Form

    Day004, 60min 开始学习表单。5种表单标签:form, input, textarea, select...

  • 2017.9.1

    今天学习了比较有趣的表单 表单 input type text 文本框 password 密码框 sub...

  • h5表单

    html5 表单 新增input类型 新增表单元素 html5表单验证 新增表单属性 新增的input类型 inp...

  • Servlet处理表单数据

    html表单 (1) 表单 form (2) 输入框 input(text) (3) 密码 input(passw...

  • 前端小知识点总结

    关于表单: placeholder input默认样式修改: input::-webkit-input-place...

  • 第 4 章 jQuery 表单选择器

    :input 表单选择器 如何获取表单全部元素?:input表单选择器可以实现,它的功能是返回全部的表单元素,不仅...

  • 表单标签

    1.什么是表单 表单就是专门用来收集用户信息的 2.表单的格式 3.常见的表单元素 input标签, input标...

  • 如何用最原始的方法实现选项卡的效果(input)

    前面介绍过input表单,input表单中有单选框,我们今天就看一下如何用input表单中的单选框来实现选项卡的效...

  • jquery-表单选择器

    :input表单选择器 如何获取表单全部元素?:input表单选择器可以实现,它的功能是返回全部的表单元素,不仅包...

网友评论

      本文标题:学习input表单

      本文链接:https://www.haomeiwen.com/subject/ywjafctx.html