<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--
目标：1、掌握表单域和常用属性的使用
2、表单元素的使用
3、表单元素设置默认值
表单：网站用来收集用户信息的
form:表单域
action：规定表单数据提交的位置，（表单处理程序）
method: 规定表单的提交方式 get/post 默认是get,常用post
表单元素：
input:
type:text 文本框
password 密码框
radio 单选按钮
checkbox 复选框
submit 提交按钮
file 文件域
reset 重置按钮
button 普通按钮
image 图片按钮
hidden 隐藏域
select：下拉列表
option:下拉项
textarea:文本域
每一个表单元素都需要一个name属性,（除了按钮）
用户选择的项需要设置value值，输入框的value值就是用户输入的内容
-->
<form action="./2、表格练习.html" method="post">
<p>
用户名：<input type="text" name="username">
</p>
<p>
密码：<input type="password">
</p>
<p>
性别：<input type="radio" name="gender" value="nan">男
<input type="radio" name="gender" value="nv">女
</p>
<p>
爱好：<input type="checkbox" name="hobby" value="soccer">踢足球
<input type="checkbox" name="hobby" value="sing">唱歌
<input type="checkbox" name="hobby" value="dance">跳舞
<input type="checkbox" name="hobby" value="coding">敲代码
</p>
<p>
城市：<select name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="tianjin">天津</option>
<option value="guangzhou">广州</option>
</select>
</p>
<p>
<input type="submit" value="立即注册">
</p>
<p>
文件：<input type="file" name="ufile">
</p>
<p>
<input type="reset">
<input type="button" value="普通按钮">
<input type="image" src="image/btn.png">
<input type="hidden" value="123">
</p>
<textarea name="des" cols="60" rows="20"></textarea>
</form>
</body>
</html>
表单默认值：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--
设置默认值：
输入框：设置value值
单选按钮、复选框:checked="checked"
下拉列表项：selected="selected"
文本域：在textarea标签之间输入内容
禁用表单元素：disabled="disabled"
-->
<form action="./2、表格练习.html" method="post">
<p>
用户名：<input type="text" name="username" value="张三">
</p>
<p>
密码：<input type="password" value="123456" disabled="disabled">
</p>
<p>
性别：<input type="radio" name="gender" value="nan" disabled="disabled">男
<input type="radio" name="gender" value="nv" checked="checked">女
</p>
<p>
爱好：<input type="checkbox" name="hobby" value="soccer" disabled="disabled">踢足球
<input type="checkbox" name="hobby" value="sing" checked="checked">唱歌
<input type="checkbox" name="hobby" value="dance" checked="checked">跳舞
<input type="checkbox" name="hobby" value="coding">敲代码
</p>
<p>
城市：<select name="city">
<option value="beijing" disabled="disabled">北京</option>
<option value="shanghai">上海</option>
<option value="tianjin" selected="selected">天津</option>
<option value="guangzhou">广州</option>
</select>
</p>
<p>
<input type="submit" value="立即注册" disabled="disabled">
</p>
<p>
文件：<input type="file" name="ufile" disabled="disabled">
</p>
<p>
<input type="reset">
<input type="button" value="普通按钮">
<input type="image" src="image/btn.png">
<input type="hidden" value="123">
</p>
<textarea name="des" cols="60" rows="20">文本域默认值</textarea>
</form>
</body>
</html>
1976
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
