day10 前端基础

  前端语言:html :将页面展示出来           css :修饰html标签                  js:能够让页面动起来

  html  跟后台交互有两种方式1.form表单的方式,基本被摒弃了(form表单在提交后会强制进行刷新清空数据) 2.异步提交 ,在作出动作后,页面没动作,只是后台进行了提交验证成功或失败都会以数据流的范式返回给前端,页面的跳转或刷新或不变由前端去控制。ajax

html代码实际上就是一套能够被浏览器所识别的规则代码,由一个个标签组成,html代码就是一大长串字符串,而这种字符串的格式正好能被浏览器所识别的时候也就有了我们的web页面。

  html  主要学习能够被浏览器所识别的标签规则

  html 的head

 --------------------------------------------------------------

  html body中    属性写在标签内部的  <>之间的  标签名之后。属性和标签名用空格分隔

        属性与属性之间用空格分隔

  1.     h标签,也叫标题标签h1---h6由大到小。

<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
 
2. div标签和 3.span标签,这两个也叫白板标签,没有任何的修饰。div也叫伪白版标签,把行内标签修饰为块级标签
div是块级标签,无论自己有多大,都占满屏幕 span是行内标签又叫内联标签,自己有多大就占多大
4.input标签 输入框。 所有的输入框都可以增加name属性。每个都有name属性。
type就是怎么去对输入框进行解析。name就是key的值。和后端进行交互,根据接口文档设计key的值。
value就是输入的是什么,默认值,不想默认就重新输入
placeholder:提示语
value属性:是input的默认值
<input type="text" placeholder="请输入用户名">
<input type="text" value="请输入用户名">

 input标签  如果type 为password .则输入到输入框的内容为密文。type为text输入到输入框内容是明文

type为button ,是一个按钮

type为submit,也是一个按钮,如果两个单独用没有区别,但是 和其它标签连用就有区别

  submit如果和form表单连用的话,会触发一个事件,会去提交数据,而button则点击是没有效果的

<input type="button" value="登录">登录按钮
<input type="password">

 button什么时候来用,需要去主动绑定事件。就是点了button去做那些操作。通过onclick事件去绑定方法。  <input type="button" value="登录" onclick="alert(111)">

input。radio实现单选,type用radio 和name一起用,浏览器会识别name值一样,就会只选择一个。

checked="checked".加这个参数,则表示默认选择

<span>男</span><input type="radio" name="sex" checked="checked">
<span>女</span><input type="radio" name="sex">

-----------------------

 input。checkbox实现多选,type用checkbox,和name连用没用

 -----------------------------------

input。file实现上传文件  type为file
<input type="file">
-----------------------
input type为reset.重置内容。必须和form表单连用,否则没有任何意义。
----------------------------------------------------------------------------------------





  

猜你喜欢

转载自www.cnblogs.com/11-pythong/p/11979821.html