前端技术

Posted wangyujian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端技术相关的知识,希望对你有一定的参考价值。

HTML标签

 

<div>这是div</div>     

 块级标签,无论自己又多大,都占满整行,也叫伪白板标签  

 

<span>这是span</span>  

行内标签,自己有多大就占多大,也叫白板标签

   

<input type="text" placeholder="请输入用户名" value="请输入用户名">

type="text" :输入框

placeholder:沉底文字(鼠标点击会清除)

value:沉底文字(鼠标点击不会清除)

 

<input type="password" placeholder="请输入用户名" >

 type="password":输入的内容是密文

 

<input type="button" value="登录" onclick="alert(111)">

 type="button":按钮,如果想与后台交互需要手动绑定事件onclick

 

<input type="submit" value="注册">

type="submit":提交按钮,与后台有交互

 

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

type="radio:单选框 并需要与后面的参数配合使用

checked="checked":默认选中

 

<span>篮球</span><input type="checkbox" checked="checked">
<span>足球</span><input type="checkbox">

type="checkbox":多选框

checked="checked":默认选中

 

<input type="file">

type="file":选择文件

 

<input type="reset">

type="reset":重置,必须跟form表单连用

 

input标签都有name属性,可以与后台交互,name对应key

 

 

 

 

以上是关于前端技术的主要内容,如果未能解决你的问题,请参考以下文章

web前端需要哪些技术

前端技术栈都有哪些

前端技术: 资深/前端开发/专家/Leader-北京

微前端究竟是什么?微前端核心技术揭秘!

理解微前端技术原理

前端前端及其技术栈