一.HTML表单基本属性
<html>
…
<body>
<form> /*HTML 所有表单元素全都包含到 <form> 这个元素中*/
表单交互元素
</form>
</body>
</html>
三.HTML文本输入元素
1.使用文本输入元素时需要添加<input>标签
2.登录界面代码示例(用户名和密码使用文本输入元素)
<html>
…
<body>
<form action=“#” method=“post”>
<h1>系统登录</h1>
<div>用户名称:
<input type="text" name="username"> /*输入用户名*/
</div>
<div>登录密码:
<input type="password" name="password"> /*输入密码*/
</div>
</form>
</body>
</html>
四.HTML 单选框元素
1.选择性别代码示例:(只能选一个选项)
<html>
…
<body>
<form action=“#” method=“post”>
<h1>选择性别</h1> /*checked 设置为默认选中状态*/
<input type="radio" name=”gender" value="male" checked>男
<br> /*同一组的单选框,name必须相同,此处均为gender*/
<input type="radio" name="gender" value="female">女
</form>
</body>
</html>
三.HTML 复选框元素
1.选择爱好代码示例:(可同时选中多个选项)
<html>
…
<body>
<form action=“#” method=“post”>
<h1>选择爱好</h1>
<input type="checkbox" name="interest" value="sports" checked>运动
<br> /*checked设置为默认选中状态*/
<input type="checkbox" name="interest" value="talk">聊天
<br>
<input type="checkbox" name="interest" value="play">玩游戏
/*同一组的复选框,name必须相同,此处均为interest*/
</form>
</body>
</html>