html下拉复选框_HTML笔记3
1.⽆序列表
⽆序列表是⼀个项⽬的列表,此列项⽬使⽤粗体圆点(典型的⼩⿊圆圈)进⾏标记,⽆序列表没有顺序。
⽆序列表始于 <ul>标签,每个列表项始于<li>。
改变项⽬符号,在ul上加type属性,值有以下3个可选择
type="disc" 默认⿊⾊圆点 type="circle" 空⼼圆点 type="square" ⽅块
<ul>+<li>为组合标签
<body>
<h1>⾼校</h1>
<ul type="none">
去掉前⾯的点
<li><a target="_blank" href="www.tsinghua.edu/">清华</a></li>
<li><a target="_blank" href="www.pku.edu/">北⼤</a></li>
<li><a target="_blank" href="www.whu.edu/">武⼤</a></li>
</ul>
</body>
2.登录框制作
2.1表单标签
HTML 表单⽤于收集⽤户输⼊,表单使⽤<form> 标签创建。表单可包含⽂本字段、复选框、单选框、提交按钮等等。
2.2表单域
要提交数据的表单域必须加name属性。不然,该表单域的数据不会提交到服务器上。
2.3<inpt>标签
input⽤于收集⽤户信息,根据不同的类型显⽰不同的形式。input是空标签,它没有结束标签,在开始标签中结束。
2.4<select>下拉标签
html ul标签<select>元素定义下拉列表,<option>元素定义待选择的选项。列表通常会把⾸个选项显⽰为被选选项,通过添加 selected 属性来定义预定义选项。
2.5<textarea>⽂本域
<textarea> 元素定义多⾏输⼊字段(⽂本域)。⽂本域可以添加placeholder属性,⽤于设置输⼊字段预期值的提⽰信息。
<body>
<form action="www.baidu">
账号:<input name="uesrname"placeholder="⼿机号/邮箱/账号" type="text"><br>密码:<input name="password" type="password"><br>
单选:男 <input name="sex" type="radio" value="1">
⼥ <input name="sex" type="radio" value="2"><br>
喜欢的球类 <br>
篮球<input type="checkbox" name="like" value="1">
⾜球<input type="checkbox" name="like" value="2">
排球<input type="checkbox" name="like" value="3">
⽹球<input type="checkbox" name="like" value="4"><br>
喜欢的⽔果
<select name="⽔果" size="4" multiple>
<option value="1">西⽠</option>
<option value="2">苹果</option>
<option value="3">梨⼦</option>
<option value="4">芒果</option>
<option value="5">葡萄</option>
<option value="6">橘⼦</option>
</select><br>
<input value="登录" type="submit">
<input value="注册" type="submit">
</form>
</body>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论