前端基础知识-html基础

╰半夏微凉° 2023-10-06 22:35 129阅读 0赞

一、Web前端三大核心技术

  • HTML:负责显示网页的内容
  • CSS:负责网页的样式、美化
  • js:负责网页的行为

二、标签

  1. input 标签

input的type属性值不同功能不同

  1. <!--
  2. input的type属性值不同
  3. text:文本框
  4. password:密码
  5. radio:单选
  6. 如何做到单选按钮:相同一组才能单选,相同的name值
  7. checkbox:复选框
  8. button:按钮
  9. -->
  10. 用户名: <input type="text" name="username"/>
  11. <br/>
  12. 密码:<input type="password" name="pwd"/>
  13. <br/>
  14. 性别:<input type="radio" name="sex" value="1"/>
  15. <input type="radio" name="sex" value="0" />
  16. <br/>
  17. 您的爱好:
  18. <input type="checkbox" name="horner">游泳
  19. <input type="checkbox" name="horner">下棋
  20. <input type="checkbox" name="horner">旅游
  1. 表单标签

说明:页面提交输入信息需要使用表单标签

属性:action:将表单数据提交到哪个页面

method:

get: 1. 参数在url中显示 2、速度相对于post快 3、提交内容长度有限制

post:1.参数不在url中显示 2.速度相对get慢 3.提交内容长度无限制

场景:get在查询中使用

post在提交数据中使用(登录、注册)

  1. <form action="" method="post">
  2. 用户名:<input type="text" /><br/>
  3. 密码:<input type="password"/>
  4. </form>

发表评论

表情:
评论列表 (有 0 条评论,129人围观)

还没有评论,来说两句吧...

相关阅读

    相关 HTML基础知识

    标签 1. head用来放HTML页面的一些配置信息 2. HTML的标签包括两种,一种文本级的,一种容器级的,文本级别的只能放文字,图片,表单元素,不能嵌套其他元素

    相关 前端基础知识

    帧元素 (有窗口元素:select元素,object元素,插件 IFrame)> HTML元素优先(帧元素: ) 表单(文本区域,列表框,各种输入框) > 非表单元素 浏览