创建 XHTML文档,产生如图3-26示效果。其中包括一个表单,8个文本输入框,一个下拉列表(内容有钻会、黄金会员、普会员),一组单选按钮,一个提交按钮和一个重置按钮。
时间: 2024-09-14 14:13:02 浏览: 42
创建XHTML文档时,需要遵守XHTML的语法规则,比如所有的标签都必须正确关闭,属性值需要用引号包围等。下面是一个简单的示例,展示如何创建一个包含表单的XHTML文档,该表单中包含8个文本输入框,一个下拉列表,一组单选按钮,一个提交按钮和一个重置按钮。
```html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>会员信息表单</title>
</head>
<body>
<form action="submit_form.php" method="post">
<label for="input1">输入框1:</label><input type="text" id="input1" name="input1"><br>
<label for="input2">输入框2:</label><input type="text" id="input2" name="input2"><br>
<label for="input3">输入框3:</label><input type="text" id="input3" name="input3"><br>
<label for="input4">输入框4:</label><input type="text" id="input4" name="input4"><br>
<label for="input5">输入框5:</label><input type="text" id="input5" name="input5"><br>
<label for="input6">输入框6:</label><input type="text" id="input6" name="input6"><br>
<label for="input7">输入框7:</label><input type="text" id="input7" name="input7"><br>
<label for="input8">输入框8:</label><input type="text" id="input8" name="input8"><br>
<label for="membershipType">会员类型:</label>
<select id="membershipType" name="membershipType">
<option value="diamond">钻会</option>
<option value="gold">黄金会员</option>
<option value="basic">普会员</option>
</select><br>
<label>会员等级:</label>
<input type="radio" id="diamondMember" name="membershipLevel" value="diamondMember">
<label for="diamondMember">钻会</label>
<input type="radio" id="goldMember" name="membershipLevel" value="goldMember">
<label for="goldMember">黄金会员</label>
<input type="radio" id="basicMember" name="membershipLevel" value="basicMember">
<label for="basicMember">普会员</label><br>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
</body>
</html>
```
在这个示例中,我们创建了一个简单的XHTML表单,表单中的输入框、下拉列表、单选按钮和提交/重置按钮均按照需求进行了布局。请注意,`action`属性设置了表单提交时处理数据的服务器端脚本(此处为`submit_form.php`),但实际中需要根据实际后端逻辑替换为正确的URL。同时,`method`属性定义了表单数据提交到服务器的方式,`post`或`get`是常见的两种方式。
阅读全文