一、type属性
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>title</title>
</head>
<body>
文本框:<input type="text">
<br><br>
密码框:<input type="password">
<br><br>
单选框:<input type="radio">
<br><br>
复选框:<input type="checkbox">
<br><br>
上传文件:<input type="file">
<br><br>
</body>
</html>
二、placeholder属性:占位文本(提示信息)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>title</title>
</head>
<body>
文本框:<input type="text" placeholder="请输入卡布浮光">
<br><br>
</body>
</html>
三、checked:单选框/多选框默认选中性别;
label写法一:点击男字能选中单选框:label标签只包裹内容,不包裹表单控件;设置label标签的for属性值和表单控件的id属性值相同;
label写法二:点击女字能选中单选框:使用label标签包裹文字和表单控件,不需要属性;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>title</title>
</head>
<body>
性别:
<input type="radio" name="gender" id="man"><label for="man">男</label>
<label><input type="radio" name="gender" checked> 女</label>
<br><br>
<input type="checkbox" checked> 星星
<input type="checkbox" checked> 月亮不睡我不睡
<input type="checkbox"> 我真的不会写cesium
</html>
四、multiple:多文件上传
上传文件:<input type="file" multiple>
ps:有大佬能给个思路,怎么才能实现渲染一连片环境时,最外层六角格是不被充满的,而靠边的和中间的六角格是充满的,cesium。