html入门教程（四）超链接、表单
程序员文章站
2022-04-29 17:45:56
...
一、超链接
<p><a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p>
<p><a href="http://www.baidu.com/">本文本</a> 是一个指向万维网上的页面的链接。</p>- <a href="url">Link text</a>
- target="_blank"属性
二、表单
<form>
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
</form><form>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
</form> <form action="/demo/demo_form.asp">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form> - <form>
- <inpit>
- <select>
- <option>
- <optgroup>
- <textarea>
<select>
<optgroup label="初中">
<option value="初一">初一</option>
<option value="初二">初二</option>
<option value="初三">初三</option>
</optgroup>
<optgroup label="高中">
<option value="高一">高一</option>
<option value="高二">高二</option>
<option value="高三">高三</option>
</optgroup>
</select>三、表单input的属性与type值的含义
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>无标题文档</title>
</head>
<body>
<!DOCTYPE html>
<html>
<body>
<form method="post" action="some.jsp">
<p>请输入姓名 <input type="text" name="textname" size="12" maxlength="6"></p>
<p>请输入密码<input type="password" name="passname" size="12" maxlength="6"></p>
<p>上传的文件<input type="file" name="filename" size="12" maxlength="6"></p>
<p>性别<select name="性别">
<option value="male">男</option>
<option value="female">女</option>
</select></p>
<p>请选择旅游的城市,可多选
<input type="checkbox" name="check1">北京
<input type="checkbox" name="check2">上海
<input type="checkbox" name="check3">西安
<input type="checkbox" name="check4">杭州
</p>
<p>请选择付款方式
<input type="radio" name="radio" checked="checked">信用卡
<input type="radio" name="radio">现金
</p>
<p>留言
<textarea name="textarea" col="50" rows="4">请与我们联系</textarea></p>
<p><input type="reset" value="reset">
<input type="submit" value="submit">
<input type="button" value="close" onClick="window.close()">
</p>
</form>
</body>
</html>
</body>
</html>
- type属性
- checked属性
- maxlength属性
- name属性
- size属性
- src属性
其中type属性取值又有不同含义
- text
- button
- checkbox
- file
- password
- radio注意name值一样时候只能去其中一个
- reset
- submit
- textarea
上一篇： Android TextView 超链接显示及跳转
下一篇： RichTextBox超链接解析