一、form标签

form标签是html标签中非常重要的一个标签。常用于注册、登录页面的使用。

<form action="提交地址" method="提交方式">

</form>

注:method的值有两个。get(默认值)和post。get数据安全性没有post高。post的速度没有get快。

form常用的元素:

1、文本框

<input type="text"/>

2、密码框

<input type="password"/>

3、下拉菜单

<select name="" multiple="multiple">
    <option value="">请选择省份</option>
    <option value="1">江苏</option>
    <option value="2">河南</option>
    <option value="3">河北</option>

</select>

注:multiple="multiple" 多选

4、单选按钮

<input type="radio" name="sex" id="male" />
   <label for="male">男</label>
<input type="radio" name="sex" id="female" />
   <label for="female">女</label>

注:checked="checked" 默认选中

5、复选框

<input type="checkbox" value="apple" />苹果
<input type="checkbox" value="banana"/>香蕉
<input type="checkbox" value="pineapple"/>菠萝

6、上传图片

<input type="file" />

7、多行文本框

<textarea cols="20" rows="10" style="resize:none;">
</textarea>

注:cols表示文本框的宽度   rows表示文本框的高度 resize:none;禁止拖动,文本框固定大小。

8、按钮

<input type="reset"/>     重置按钮
<input type="submit"/>   提交按钮
<input type="button" value="普通按钮"/>   普通按钮
<input type= "image" src="data:image/btn.jpg"/>  图像按钮

注:重置和提交必须在form里面才可以有用

9、<fieldset></fieldset> 控件组标签

<fieldset><legend>health information</legend>height: <input type="text" />weight: <input type="text" /></fieldset>

10、 网页嵌套 <iframe src="http://www.baidu.com"></iframe>

二、marquee 标签(不常用)

<marquee></marquee>behavior属性: alternate、scroll、slide,分别表示文字来回滚动、单方向循环滚动、只滚动一次。direction属性: 属性的参数值有down、left、right、up共四个单一可选值,分别代表滚动方向向下、向左、向右、向上。hspace和vspace属性: 这两个属性决定滚动矩形区域距周围的空白区域。scrollamount: 滚动速度。scrolldelay:滚动停顿的时间。loop: 表示循环的次数,值是正整数,默认为无限循环。

转载于:https://www.cnblogs.com/minguofeng/p/4817922.html

html常用标签(form标签)相关推荐

  1. H5常用标签基本标签归纳总结

    此文章在学习S3CHOOL后. 这些常用的标签基本都已经知道,主要还是在平时的练习中不断地使用,才能达到运用自如的境界. 温故而知新,可以为师矣. <a>标签 <a href=&qu ...

  2. 表单标签form、label、input、textarea、select

    表单的介绍 表单用于搜集不同类型的用户输入(用户输入的数据),然后可以把用户数据提交到web服务器 . 表单相关标签的使用 <form>标签 表示表单标签,定义整体的表单区域 <la ...

  3. HTML5中常用的标签(及标签的属性和作用)

    1.标签:<!DOCTYPE> 作用:声明是文档中的第一成分,位于<html>标签之前. 2.标签:<html> 作用:此元素可告知浏览器其自身是一个HTML文档. ...

  4. html5常用的属性标签,HTML5常用标签及其属性设置

    一.Html5的基本结构 网页的内容 二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...

  5. 常用的HTML标签和属性解释

    基本结构标签: <HTML>,表示该文件为HTML文件 <HEAD>,包含文件的标题,使用的脚本,样式定义等 <TITLE>---</TITLE>,包含 ...

  6. JSP页面中常用四种标签

    JSP页面常用四种标签: 1. EL表达式:  ${} 2. jstl表达式(sun apache): <%@ taglib prefix="c" uri="htt ...

  7. HTML常用的一些标签(推荐)

    HTML常用的一些标签(推荐) 前言 HTML常用标签及内部属性的使用 1.基础标签 2.格式标签 3.链接标签 < a > 标签 < link >标签 4.图像标签 < ...

  8. HTML 基本开发方式,学会常用的 HTML 标签

    一.HTML 基本开发方式 1.如何编写 HTML 代码 本身的语法比较简单,语法风格和 Java 之类的差别很大,(并不能表达一些逻辑,而只是能表达 "有哪些东西" 一种信息), ...

  9. form标签的action之前 加密_HTML从零开始——表单标签

    网页发展的过程中,总还是需要和用户互动的,尤其是需要个人信息.注册账号.处理事务等等的时候,用户要按照网站规定的格式来填写信息,这就需要表单了. 表单(form)是用户输入信息与网页互动的一种形式.大 ...

最新文章

  1. R语言使用fs包的file_copy函数、dir_copy函数、link_copy函数将文件、目录、超链接从一个位置拷贝(copy)到另一个位置
  2. 测试你的前端代码 - part3(端到端测试)
  3. springboot @JsonSerialize 的使用
  4. 三维点云数据处理软件供技术原理说明_海量点云数据处理理论与技术
  5. javase_03作业
  6. 国内开源软件镜像网站大全
  7. CRM呼叫中心toolbar的cancel按钮会导致session清理
  8. linux标准I/O——流的打开和关闭
  9. ReactJs 第三章 React元素的渲染
  10. 新春牛年迎春PSD分层模板!最全设计素材都在这了
  11. 《Python算法教程》——1.6 如果您感兴趣
  12. php安装oci8和pdo_oci扩展实现连接oracle数据库
  13. NRF52840开发注意
  14. vue组件库开发遇到的regeneratorRuntime is not defined
  15. php如何将excel数据导入到数据库,【PHP】将Excel数据导入到MySQL数据库中
  16. 君莫笑系列视频学习(4)
  17. 做一个商业网站需要准备什么,需要多少钱?
  18. Flask入门到实战
  19. 信息学奥赛一本通(基础算法与数据结构-题解汇总目录)
  20. 物联网入门教程【上】

热门文章

  1. BD和DBMS和SQL概念
  2. 计算机系统基础:输入输出技术知识笔记
  3. 程序员必备 Git 分支开发规范指南
  4. 进程与线程的区别:最浅显易懂的解释
  5. MYSQL分页优化查询
  6. python高性能写法_py 高性能低级,高级写法思考
  7. 在Linux下禁用键盘、鼠标、触摸板(笔记本)等输入设备
  8. 尤大直播分享:vue3生态进展和展望
  9. 为什么 Vue2 this 能够直接获取到 data 和 methods ? 源码揭秘!
  10. 三年经验前端社招——腾讯微保