网页的构成要素
表单和用户输入
重要程度：7 分
<h2>网页的构成要素 - 表单和用户输入</h2>
<p><strong>表单（Form）</strong>是网页中用来收集用户信息的一种元素。通过表单，用户可以输入文本、选择选项或上传文件等。</p>
<h3>表单的基本结构</h3>
<form>
<label for="name">姓名：</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">邮箱：</label>
<input type="email" id="email" name="email"><br><br>
<label for="password">密码：</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="提交">
</form>
<h3>表单的常用属性</h3>
<ul>
<li><code>method</code>：定义数据如何发送到服务器（如GET或POST）</li>
<li><code>action</code>：定义数据发送的目标URL</li>
<li><code>name</code>：定义表单的名称</li>
</ul>
<h3>表单控件</h3>
<ul>
<li><code><input></code>：用于创建输入字段，类型包括文本、密码、电子邮件等。</li>
<li><code><textarea></code>：用于多行文本输入。</li>
<li><code><select></code>：用于创建下拉列表。</li>
<li><code><button></code>：用于创建按钮。</li>
</ul>
<h3>例题：创建一个简单的登录表单</h3>
<form>
<label for="username">用户名：</label>
<input type="text" id="username" name="username"><br><br>
<label for="pwd">密码：</label>
<input type="password" id="pwd" name="pwd"><br><br>
<input type="submit" value="登录">
</form>
以上内容展示了网页中表单和用户输入的基础知识，并通过示例帮助理解如何使用HTML来创建表单。