form表单及input标签

  • form表单,用来将用户输入的数据和内容传输到后台服务器,服务器处理完成后将结果传送到客户端
  • 常用的input标签

    type=”text”用来输入文本,默认宽度为20个字符
    type=”password”用来输入密码,字段中的字符会显示为星号或者点
    type=”radio”定义单选按钮(name相同并且定义value值才能实现单选)
    type=”checkbox”定义复选框,加checked属性默认被选上。
    type=”textarea”文本域,用来输入多行文本
    type=”hidden”隐藏域,用户看不到,用于暂存数据或者安全性校验,以便之后被JS提取,比如一个非常重要的信息需要被提交到下一页,但又不能或者无法明示的时候。
    type=”submit”定义提交按钮,提交按按钮会把表单数据发送到服务器
    type=”reset”定义重置按钮,重置按钮会清除表单中的所有数据

  • 在input里,name属性是用来区分表单元素的,浏览器将数据以[name]=[用户输入内容]形式传送给服务器,也就是name用来记录和传送用户数据。

  • <a class="btn" href="#">提交</a><input type="submit" value="提交">

  • <button>提交</button>是一个按钮控件,一般执行js代码实现一定的功能或效果。元素内可以放置图像、文本或者多媒体内容。

W3C:如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。Internet Explorer 将提交<button><button/> 之间的文本,而其他浏览器将提交 value 属性的内容。(但一般提交数据还是用from表单)

  • <a class="btn" href="#">提交</a>:是一个带有跳转功能的a连接,一般用于链接到另一个网页,“#”表示跳转至本页。
  • <input type="submit" value="提交">:是一个具有提交功能的表单元素,实现将用户输入的数据或信息传递给服务器。

  • radio 通过具有相同值的name属性进行分组,name的值一定要一致,才能有单选效果

  • placeholder 属性,* 占位符,placeholder一般用在文本框或文本域,最为用户输入信息的提示,并不是实际占有文本内容,获取焦点后消失。
文章目录
,