今日所学

Posted on 2017-03-29 19:56  echomk  阅读(175)  评论(0)    收藏  举报

1.学习表单标签相关内容:

<form action="/example/html/form_action.asp" method="get" enctype="multipart/form-data" autocomplete="on">
文本输入框:<input type="text" value="" name="mytext" placeholder="提示"/><br/>
密码:<input type="password" value="321" name="maypassword"/><br/>
<input type="color" name="color"/><br/>
<input type="datetime-local"/><br/>
<input type="datetime"/><br/>
<input type="date"/><br/>
<input type="email"/><br/>
<input type="image" src="eg_smile.gif"/><br/>
<input type="month"/><br/>
<input type="number"/><br/>
<input type="tel"/><br/>
<input type="range"/><br/>
<input type="week"/><br/>
<input type="file" value="选择文件"/><br/>
<input type="hidden" name="number" value="123"/><br/>
性别:<input type="radio" name="sex" value="man"/>男&nbsp
<input type="radio" name="sex" value="female" checked/>女<br/>
爱好:<input type="checkbox" name="hobby[]" value="1"/>练球&nbsp
<input type="checkbox" name="hobby[]" value="2"/>唱歌&nbsp
<input type="checkbox" name="hbooy[]" value="3" checked/>跳舞<br/>
留言<textarea name=" " cols="50" rows="20"><center>123</center></textarea><br/>
<select name="myselect">
<option value="1">选择一</option>
<option value="2">选择二</option>
<option value="3" selected>选择三</option>
</select><br/>
<fieldset>
<legend>健康信息</legend>
身高:<input type="text" name="height" />
体重:<input type="text" name="weight"/>
</fieldset>
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
<input type="reset" value="Reset" />
<input type="submit" value="提交"/>
<button>按钮</button> 

</form>

2.学习css选择器:

 选择器主要有id选择器、class选择器、子集选择器、标签选择器、全局选择器。