您好,欢迎访问一九零五行业门户网

如何使用HTML中的表格来构建表单?

这些表格可用于创建 html 格式的表单并使其结构化。但是,在此之前,让我们看看如何在 html 中创建表单。
用 html 创建表单示例让我们看看如何使用
标签创建表单。我们设置了三种带有单独标签的输入类型收音机 -<!doctype html><html><head> <title>html form</title></head><body> <h1>details</h1> <form id=myform> <p>select the subject you want to choose:</p> <div> <input type=radio id=prog name=subject value=prog> <label for=prog>programming</label> <input type=radio id=dev name=subject value=dev> <label for=dev>web development</label> <input type=radio id=db name=subject value=db> <label for=db>database</label> </div><br/> <div> <button id=submit type=submit>submit</button> </div> </form></body></html>
使用 html 表格创建表单现在,让我们将上面的表单转换为使用 html 表格创建的表单。 设置在 标记内 -
<table> <form id=myform> <!- - --> </form></table>
然后是行,其中我们设置了输入类型 -
<tr> <td> <input type=radio id=prog name=subject value=prog> </td></tr>
示例上述内容适用于每种输入类型,即每个输入都有一个 。现在让我们看看完整的示例 -
<!doctype html><html><head> <title>html form</title></head><body> <h1>details</h1> <p>select the subject you want to choose:</p> <table> <form id=myform> <tr> <td> <input type=radio id=prog name=subject value=prog> </td> <td> <label for=prog>programming</label> </td> </tr> <tr> <td> <input type=radio id=dev name=subject value=dev></td> <td> <label for=dev>web development</label> </td> </tr> <tr> <td><input type=radio id=db name=subject value=db></td> <td> <label for=db>database</label> </td> </tr> <tr> <td><button id=submit type=submit>submit</button></td> </tr> </form> </table></body></html>
以上就是如何使用html中的表格来构建表单?的详细内容。
其它类似信息

推荐信息