如何使用 HTML 表单获取用户输入?
javascriptweb developmentfront end scripts
使用 HTML 表单,您可以轻松获取用户输入。<form> 标签用于通过添加表单元素来获取用户输入。不同类型的表单元素包括文本输入、单选按钮输入、提交按钮等。
让我们了解一下 <input> 标签,它可以帮助您使用 type 属性获取用户输入。该属性与文本输入、复选框、单选按钮等表单元素一起使用。
示例
您可以尝试运行以下代码以使用 HTML 表单获取用户输入:
<!DOCTYPE html> <html> <body> <head> <title>HTML 表单</title> </head> <p>添加您的详细信息:</p> <form> 学生姓名:<br> <input type="text" name="name"> <br> 学生科目:<br> <input type="text" name="subject"> <br> 排名:<br> <input type="text" name="rank"> </form> </body> </html>
上面,您可以看到以下两个属性:
- type
表示输入控件的类型,对于文本输入控件,它将设置为文本 - name
用于为发送到服务器以进行识别并获取值的控件提供名称。