📄 sample_012_表单和输入.txt
字号:
<html>
<body>
<form>
用户：
<input type="text" name="user">
<br>
密码：
<input type="password" name="password">
</form>
<p>
请注意，当您在密码域中键入字符时，浏览器将使用项目符号来代替这些字符。
</p>
<!-- ratio 单选按钮 -->
<form>
<input type="radio" name="sex" value="male"> Male
<input type="radio" name="sex" value="female"> Female
</form>
<!-- checkbox 复选框 -->
<form>
<input type="checkbox" name="bike">
I have a bike
<br>
<input type="checkbox" name="car">
I have a car
</form>
<!-- 表单的动作属性（Action）和确认按钮 -->
<form name="input" action="html_form_action.asp" method="get">
Username:
<input type="text" name="user">
<input type="submit" value="Submit">
</form>
<!-- 假如你再上面的文本框内键入几个字母，并且点击确认按钮，那么输入数据会被传送到名为"html_form_action.asp"的页面。那一页将显示出输入的结果。 -->
<!-- 下拉列表 -->
<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
<!-- 这个有预选值 -->
<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
<!-- 文本域 -->
<textarea rows="10" cols="30">
The cat was playing in the garden.
<!-- 按钮 -->
<form>
<input type="button" value="Hello world!">
</form>
<!-- 添加带标题边框 -->
<fieldset>
<legend>健康信息：</legend>
<form>
<label>身高：<input type="text" /></label>
<label>体重：<input type="text" /></label>
</form>
</fieldset>
<!-- 预设 -->
<form name="input" action="/html/html_form_action.asp" method="get">
Type your first name:
<input type="text" name="FirstName" value="Mickey" size="20">
<br>Type your last name:
<input type="text" name="LastName" value="Mouse" size="20">
<br>
<input type="submit" value="Submit">
</form>
<p>如果您点击 "Submit" 按钮，您将把输入传送到名为 html_form_action.asp 的新页面</p>
<!-- 用表单发送电子邮件 -->
<form action="MAILTO:someone@w3school.com.cn" method="post" enctype="text/plain">
<h3>这个表单会把电子邮件发送到 W3School。</h3>
姓名：<br>
<input type="text" name="name" value="yourname" size="20">
<br>
电邮：<br>
<input type="text" name="mail" value="yourmail" size="20">
<br>
内容：<br>
<input type="text" name="comment" value="yourcomment" size="40">
<br><br>
<input type="submit" value="发送">
<input type="reset" value="重置">
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -