web前端技术

web前端技术是一系列技术的集合，主要包括：

• html--负责网页结构的搭建
• css--负责网页的美化工作
• js--负责网页的行为动作

 

1.单选按钮

type="radio"

注意：

• 如果想让文字点击能切换，需要加label标签，并且设置for属性和对应的单选按钮的id属性值一致；
• 必须给这一组单选按钮添加name值，才能实现单选效果；
• 设置默认选中状态，要给单选按钮添加checked="checked".

2.下拉菜单

select和option的组合

注意：

• 如果想设置多组下拉菜单，需要添加一个optgroup标签，并设置label属性作为提示文字；
• 如果想设置默认选中状态，需要给对应的option添加selected属性。

3.文本域

textarea标签来设置多行文本（文本域）

注意：

• 不能使用cows、rows设置宽高，而是用width、height；
• 使用placeholder来设置默认提示文字。

4.多选框（复选框）

type="checkbox"

使用方法和单选框一致

5.按钮

（1）提交按钮

type="submit"

注意：

• 必须设置value属性，否则浏览器之前存在兼容性问题

（2）重置按钮

type="reset"

注意：

• 必须设置value属性，否则浏览器之前存在兼容性问题

（3）按钮

type="button"或<button></button>都可以

注意：

• 刷新后想让第一个输入框默认选中状态，给输入框设置autofocus="autofocus"属性

6.css

css又称样式表、集连样式表、层叠样式表

7.css基础语法

css代码写在style标签里面，放在head标签中；

大括号中写键值对语法。例子： 属性名1:属性值1;属性名2:属性值2;

• Color文件颜色
• Font-family字体
• Font-size字号
• Text-indent首行缩进
• Text-align文本对其方式，默认left，还可以设置center、right
• Background背景颜色

 

 

 

麻雀挂枝头，聒噪不断；雄鹰搏长空，沉默不语。