46 lines
1.4 KiB
HTML
46 lines
1.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="author" content="flykhan" />
|
||
|
|
<meta name="keywords" content="c c++ 物联网" />
|
||
|
|
<title>表单2</title>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<h3>注册用户</h3>
|
||
|
|
<form enctype="multipart/form-data" method="get" action="">
|
||
|
|
<input name="username" value="flykhan" /><br />
|
||
|
|
<input name="pwd" type="password" /><br />
|
||
|
|
<!-- 标签的属性名和属性值是相同的情况下，只需要写属性名即可 -->
|
||
|
|
<input type="radio" name="sex" value="男" />男
|
||
|
|
<input type="radio" name="sex" value="女" checked />女
|
||
|
|
<br />
|
||
|
|
<input type="checkbox" name="loves" value="c语言" />c语言
|
||
|
|
<input type="checkbox" name="loves" value="c++" />c++
|
||
|
|
<input type="checkbox" name="loves" value="linux" />linux
|
||
|
|
<input type="checkbox" name="loves" value="H5" />H5
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<input
|
||
|
|
type="color"
|
||
|
|
name="love_color"
|
||
|
|
onchange="changePageColor(this.value)"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<input type="file" name="head" /><br />
|
||
|
|
<input type="hidden" name="user_id" value="1" />
|
||
|
|
|
||
|
|
<button>提交</button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function changePageColor(color) {
|
||
|
|
// 控制台输入传入的参数值
|
||
|
|
console.log(color);
|
||
|
|
document.getElementsByTagName("body")[0].style = "color:" + color + "";
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|