一、Html

 

超链接各属性作用

 

href

 

用于链接到另一个网页，使用形式：href="https://www.baidu.com/"

 

target

 

可以让链接在新窗口打开

 

id

 

相当于一种标记的作用

 

表单form中各属性的作用

 

Action

 

用来定义表单处理程序的位置

 

method

 

定义表单结果从浏览器传送到服务器的方法，一般有get和post

 

name

 

表单的名称

 

常见表单元素的外观

 

text

 

可见的文本框

 

eg:<input type="text" >

 

password

 

可以看作不可见的文本框，也就是密码框

 

eg:<input type="password">

 

radio

 

单选框

 

eg:<input type="radio">

 

checkbox

 

多选框

 

eg:<input type="checkbox">

 

file

 

文件选择框

 

eg:<input type="file">

 

submit

 

提交按钮

 

eg:<input type="submit">

 

button

 

按钮框

 

eg:<input type="button">

 

单选和多选按钮如何设定默认选中的状态

 

对于单选和双选都是类似的，在所选的input标签中加入checked属性即可，举个栗子：

 

<form action="" >

 

<input type="radio" name="sex" value="male" >Male<br>

 

<input type="radio" name="sex" value="female" checked>Female

 

</form>

 

我们在这个例子中将Female中加入了checked属性，所以默认选中Female，对于多选按钮同理，在所有想选择的地方加上一个checked即可

 

表单元素中readonly和disabled属性的应用

 

相同点

 

两者都能让用户不能更改表单域中的内容

 

readonly

 

①只针对input（text / password）和textarea有效

 

②表单元素在使用了readonly后，当我们将表单以POST或GET的方式提交的话，该元素的值会被传递出去

 

③使用该元素后外观不会有变化

 

disabled

 

① disabled对于所有的表单元素都有效

 

② 表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，该元素的值不会被传递出去

 

③ 使用该属性后，会让表单元素外观变灰