在一个 HTML <form>
内部,可以提交的内容通常包括以下类型的标签内的数据:
-
文本输入框 (
<input type="text">
): 用户在文本输入框中输入的文本可以被提交。 -
密码输入框 (
<input type="password">
): 用户在密码输入框中输入的密码可以被提交。 -
单选按钮 (
<input type="radio">
): 用户选中的单选按钮的值可以被提交。 -
复选框 (
<input type="checkbox">
): 用户选中的复选框的值可以被提交。 -
下拉列表 (
<select>
): 用户选择的下拉列表选项的值可以被提交。 -
文本区域 (
<textarea>
): 用户在文本区域中输入的文本可以被提交。 -
文件上传 (
<input type="file">
): 用户选择的文件可以被提交,前提是<form>
具有适当的enctype
属性(通常设置为 "multipart/form-data")以支持文件上传。
前提条件是用户必须在表单中提供有效的数据,并点击提交按钮(通常是一个 <input type="submit">
或 <button type="submit">
元素),以将这些数据提交到服务器。表单的 method
属性定义了数据提交的 HTTP 请求方法(通常为 "GET" 或 "POST"),而 action
属性定义了数据将被提交到的目标 URL。
例如,以下是一个简单的表单示例: 需要有name属性
还有个隐藏域<input type="hidden" value="yincang" name="yincang" />
<form action="process.php" method="post"> <input type="text" name="username"> <input type="password" name="password"> <input type="radio" name="gender" value="male"> <input type="radio" name="gender" value="female"> <input type="checkbox" name="subscribe" value="yes"> <select name="country"> <option value="usa">USA</option> <option value="canada">Canada</option> <option value="uk">UK</option> </select> <textarea name="comments"></textarea> <input type="file" name="file_upload"> <input type="submit" value="提交"> </form>
<input type="reset" /> 会自动有"重置"
<input type="submit"/>会自动有提交
可以用value属性来修改 例如<input type="reset" value="恢复"/> <input type="submit" value="保存"/>
form标签就是表单 input type=text 是文件输入框 value设置默认显示内容 input type=password 是密码输入框 value设置默认显示内容 input type=radio 是单选框 name属性可以对其进行分组 checked="checked"表示默认选中 input type=checkbox 是复选框 checked="checked"表示默认选中 input type=reset 是重置按钮 value属性修改按钮上的文本 input type=submit 是提交按钮 value属性修改按钮上的文本 input type=button 是按钮 value属性修改按钮上的文本 input type=file 是文件上传域 input type=hidden 是隐藏域 当我们要发送某些信息,而这些信息,不需要用户参与,就可以使用隐藏域(提交的时候同时发送给服务器) select 标签是下拉列表框 option 标签是下拉列表框中的选项 selected="selected"设置默认选中 textarea 表示多行文本输入框 (起始标签和结束标签中的内容是默认值) rows 属性设置可以显示几行的高度 cols 属性设置每行可以显示几个字符宽度
<form>
用户名称:<input type="text" name="username" /><br/>
用户密码:<input type="password" name="password" /><br/>
确认密码:<input type="password" value="123456" /><br/>
性别:<input type="radio" name="sex" value="1" />男<input type="radio" name="sex" checked="checked" value="2" />女<br/>
兴趣爱好:<input type="checkbox" checked="checked" name="hobby" value="java" />Java<input type="checkbox" name="hobby" value="JavaScript" />JavaScript<input name="hobby" value="C++" type="checkbox" />C++<br/>
国籍:<select name="guoji">
<option>--请选择国际--</option>
<option selected="selected" value="zh">中国</option>
<option value="mg">美国</option>
<option value="rb">日本</option>
</select>
自我评价:<textarea rows="10" cols="20" name="desc">xxxxx</textarea><br />
<input type="reset" />
<input type="submit" />
<input type="hidden" name="hid"/>
</form>
http://localhost:63342/sggjavaweb/01_html_css/html/10.%E8%A1%A8%E5%8D%95%E6%8F%90%E4%BA%A4%E7%9A%84%E7%BB%86%E8%8A%82.html?username=&password=&sex=2&hobby=java&guoji=%E4%B8%AD%E5%9B%BD&desc=xxxxx&hid=