小白教程
所有教程
关于
Search
172.69.59.105
172.69.59.105
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“HTML Form表单”的源代码
本页内容
上一节:
HTML_URL格式和编码
下一节:
HTML_Form属性
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
HTML 表单用于收集用户输入。用户输入常被发送到服务器进行处理。 == 试试看 == <html> <form action="/third/http.php" method="GET"> <label for="fname">姓名:</label><br> <input type="text" id="fname" name="fname" value="小白"><br> <label for="age">年龄:</label><br> <input type="text" id="age" name="age" value="1"><br><br> <input type="submit" value="提交"> </form> </html> <sample title="" desc="" hererun="s2"> <html> <form action="/third/http.php" method="GET"> <label for="fname">姓名:</label><br> <input type="text" id="fname" name="fname" value="小白"><br> <label for="age">年龄:</label><br> <input type="text" id="age" name="age" value="1"><br><br> <input type="submit" value="提交"> </form> </html> </sample> == <nowiki><form></nowiki> 元素 == <nowiki><form></nowiki>元素用于为用户输入创建 HTML 表单: <sample title="" desc=""> <form> . form elements . </form> </sample> <nowiki><form></nowiki>的元素是不同类型输入元素的容器,例如:文本字段、复选框、单选按钮、提交按钮等。 == <nowiki><input></nowiki> 元素 == HTML<nowiki><input></nowiki>元素是最常用的表单元素。 一个<nowiki><input></nowiki>元素可以通过多种方式显示,具体取决于type 属性。 * <nowiki><input type="text"></nowiki> 显示单行文本输入字段 * <nowiki><input type="radio"></nowiki> 显示一个单选按钮 * <nowiki><input type="checkbox"></nowiki> 显示一个复选框 * <nowiki><input type="submit"></nowiki> 显示提交按钮 * <nowiki><input type="button"></nowiki> 显示一个可点击按钮 <sample title="" desc="" hererun="s3"> <form action="/third/http.php" method="GET"> <label for="fname">姓名:</label><br> <input type="text" id="fname" name="fname" value="小白"><br> <label for="age">性别:</label><br> <input type="radio" name='gender' value="female">女 <input type="radio" name='gender' value="male">男 <input type="submit" value="提交"> </form> </sample> == <nowiki><label></nowiki> 元素 == 👆🏻上面的例子种使用了label。 <nowiki><label></nowiki>元素对屏幕阅读器用户很有用,因为当用户关注输入元素时,屏幕阅读器会大声读出标签。 <nowiki><label></nowiki>元素还可以帮助难以单击非常小的区域(例如单选按钮或复选框)的用户 - 因为当用户单击<nowiki><label></nowiki>元素内的文本时,它会切换单选按钮/复选框。 <nowiki><label>标签的for属性应该等于<input>元素的id属性这样才能将它们绑定在一起。</nowiki>
返回至“
HTML Form表单
”。
上一节:
HTML_URL格式和编码
下一节:
HTML_Form属性