您的位置：首页 > Web前端 > CSS

我的第一篇博客HTML&CSS

2015-12-28 00:00 567 查看

摘要: HTML&CSS:Design and Build Websites
表单如何工作

表单如何工作

用户填写表单，然后单击一个按钮，将所填信息提交到服务器。

每个表单控件的名称与用户输入或选择的值一同发送到服务器。

服务器利用某种编辑语言对这些信息进行处理，还可能将这些信息储存在一个数据库中。

服务器基于接受到得信息创建一个新页面并将其返回到浏览器。

一个表单可能有多个表单控件，每种控件手机不同的信息。服务器需要知道用户输入的每一条数据输入了那个表单元素。

Username=Ivy

vote=Herbie

<html>
<head>
<title>Forms</title>
</head>
<body>
<form action="http://www.example.com/review.php" method="get">
<fieldset>
<legend>Your Details:</legend>
<label>Name: <input type="text" name="name" size="30" maxlength="100"></label><br />
<label>Email: <input type="email" name="email" size="30" maxlength="100"></label><br />
</fieldset><br />
<fieldset>
<legend>Your Review:</legend>
<p>
<label for="hear-about">How did you hear about us?</label>
<select name="referrer" id="hear-about">
<option value="google">Google</option>
<option value="friend">Friend</option>
<option value="advert">Advert</option>
<option value="other">Other</option>
</select>
</p>
<p>
Would you visit again?<br />
<label><input type="radio" name="rating" value="yes" /> Yes</label>
<label><input type="radio" name="rating" value="no" /> No</label>
<label><input type="radio" name="rating" value="maybe" /> Maybe</label>
</p>
<p>
<label for="comments">Comments:</label><br />
<textarea rows="4" cols="40" id="comments"></textarea>
</p>
<label><input type="checkbox" name="subscribe" checked="checked" /> Sign me up for email updates</label><br />
<input type="submit" value="Submit review" />
</fieldset>
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： HTML 表单练习

相关文章推荐

新的分享

章节导航