html和css基础学习——常用标签和属性

一：form表单

属性：1：action：跳转链接

2：method：默认是get方式提交表单，get方式提交，地址栏有用户名和密码等提交的内容

post提交方式，地址栏没有内容

3：form表单提交时根据name提交，name的取值一般是见名知义

4：但凡需要提交的，都必须用form包起来

5：name：没什么作用，只是如果一个页面有多个form，以示区分

二：<input>的type属性：name是提交到后台数据库的，value是存input的值

hidden，隐藏字段，一般是存id
text：name，readonly="readonly"只读，size，placeholder， maxlength，value
password
radio：单选需要保持name相同，提交的时候，值是value决定的，checked被默认选中

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

checkbox：复选框name保持相同，提交到后台的值是value，checked="checked"
select，selected默认被选中

<select name="address"> 
    <option value="上海" selected="selected">上海</option> 
    <option value="广州">广州</option> 
</select>

file：name属性
required：校验

按钮，不需要name，

提交按钮：submit
普通按钮：button
重置按钮：reset

使用DIV和CSS

扫描二维码关注公众号，回复： 5418333 查看本文章

div块级元素。单独显示一行，主要作用是页面布局，单独使用没有任何意义，需要和CSS配合使用

span是html的标签，他单独使用没有任何意义，必须结合css来使用，，主要用于对括起来的内容进行样式修饰

外部引入样式

stylesheet层叠样式表

<link rel="stylesheet" href="#" type="text/css"/>

内部引入

层级选择器

<style>
 div p{ font-size: 30px; color: red; } 
</style> 
<div>
 <p>一切都是最好的安排！！！</p> 
</div>

属性选择器

<!--属性选择器--> 
<style>
    input[type="text"]{ background-color: red; } 
    input [type="password"]{ background-color: green; } 
</style> 
<body>
     用户名:<input type="text" name="username" />
     密码:<input type="password" name="password" />
 </body>

html和css基础学习——常用标签和属性

猜你喜欢