块内与行内元素and输入标签
上播这期写的是HTML的基础标签之块内与行内元素and输入标签。一.块内元素与行内元素的基本定义1.块元素 独占一行浏览器会自动给它前后换行一个元素占满整行2.行元素 不独占一行和其它行内元素并排显示不会自动换行3.常见的块级元素有div、form、h1~h6、hr、p、table、ul、li等4.常见的行内元素有span、a、b、em、i、strong、img、input等二、输入之王inputinput 标签可以通过改变 type 属性变成不同的控件input typetext单行文本输入框可用于输入学员姓名等文字信息input typepassword 密码输入框输入的内容会被隐藏显示如输入密码input typeradio单行按钮必须保证name属性相同才能互斥选择input typecheckbox复选按钮允许同时勾选多个选项input typefile“文件选择器可限制只选择图片文件三.场景实操我们以一个学员信息收集表作为场景head meta charsetUTF-8 title学员信息收集表/title /head body h2学员信息收集表/h2 form action# methodGET div label姓名:/label input typetext nameusername /div div label密码:/label input typepassword namepwd /div div label性别:/label input typeradio namegender valuemale idmale label formale男/label input typeradio namegender valuefemale idfemale label forfemale女/label /div div label兴趣:/label input typecheckbox namehobby valuecode idcode label forcode编程/label input typecheckbox namehobby valuedesign iddesign label fordesign设计/label input typecheckbox namehobby valuegame idgame label forgame游戏/label /div div label头像上传:/label input typefile nameavatar /div div input typereset value重置 input typesubmit value提交 /div /form /body以下是他的运行图好的 这期就到这了 下播