1.input标签常用的type属性值
2.占位符
在tpye后面加上 placeholder="(里面输入占位内容)" 即可
3. 单选框以及多选框详细操作
通过name命名,同一个组的单选框便只能勾选一个
checked表示默认,若是<input type="radio" name="gender" checked>女,则表示在gender这一栏中如果不选择,默认选择"女"
以上规则,多选框都同理可以使用
4.上传多个文件
5.按钮
form表单域才能将input的各种type属性连接在一起,在网页操作中,同一个表单域中才能将submit和用户名、密码等连接在一起
提交按钮默认 “提交”, 重置按钮默认 “重置”, 普通按钮需要有value=“” 才能为按钮赋值,但是提交按钮也可以使用value=“” 为提交按钮修改值
6.button按钮详细操作
7.select标签
在select中,第一个就是默认选项,但是,如果跟其他的选项加了selected,那就对selected进行默认
8.textarea文本域标签
文本域右下角有一个角标,可以通过移动来手动调节文本域大小,但是在后续的学习中要通过CSS把这个功能关掉,否则实际开发中创建出的界面能被用户拖拽,很影响
9.label标签
方法一:通过label标签,使input标签里面id数值和label标签里的for数值相同,即可使得点单选框旁边的汉字也可以勾选操作,提升用户体验。
方法二:将单选框input标签装入label标签中,label标签中什么都不需要加,便可完成点汉字也能勾选的操作。
10.没有语义的布局标签-div和span
不需要换行,独占一行,跟直接输入文字没有区别
但是span标签如果不换行,就会显示在同一行,想要换行就用<br>实现
11.有语义的布局标签(了解)
有语义标签主要作为扩展,了解即可,这些标签主要作用主要是用于手机网页的制作
12.字符实体
实际使用中最常用的字符实体就是 其作用就是代表空格作用,在普通文字中输入多个空格也只有一个空格的作用,此字符实体就是解决该问题