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背景颜色

 

 

 

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

posted @ 2022-10-15 17:59  心如__止水  阅读(118)  评论(0编辑  收藏  举报