html入门教程（四）超链接、表单

最新推荐文章于 2023-05-17 21:25:58 发布

__2018__

最新推荐文章于 2023-05-17 21:25:58 发布

阅读量1.4k

点赞数 2

分类专栏： web html 文章标签：超链接表单

本文链接：https://blog.csdn.net/duan_2018/article/details/79809347

版权

web 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

html

5 篇文章 0 订阅

订阅专栏

一、超链接

<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

__2018__

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
html入门教程（四）超链接、表单

一、超链接&lt;p&gt;&lt;a href="/index.html"&gt;本文本&lt;/a&gt; 是一个指向本网站中的一个页面的链接。&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.baidu.com/"&gt;本文本&lt;/a&gt; 是一个指向万维网上的页面的链接。&lt;/p&gt;
复制链接

扫一扫