黑马程序员 C#基础HTML入门

最新推荐文章于 2024-10-25 14:01:05 发布

张俊洪

最新推荐文章于 2024-10-25 14:01:05 发布

阅读量553

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML入门

本文链接：https://blog.youkuaiyun.com/ZuoZuoHen/article/details/9187919

HTML入门专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了HTML表单中的各种元素及其用法，包括复选框、单选框、选择菜单框及文本域等，通过实例展示了如何创建交互式的表单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

------- Windows Phone 7手机开发、.Net培训、期待与您交流！ -------

复选框和单选框

复选框标记格式为：<input type=checkbox>

单选框标记格式为：<input type=radio>

例如：

<html>
<head>
<title>表单示例</title>
</head>
<bady>
<table>
     <form action=getinfor.asp method=POST>
<tr><td>您的姓名：</td><td>
     <input type=text name=姓名 size=10></td></tr>
<tr><td>您的性别：</td><td>
     <input type=radio name=sex>男
      <input type=radio name=sex checked>女</tr></td>
<tr><td>您的爱好：</td><td>
     <input type=checkbox name=intrst1>上网
      <input type=checkbox name=intrst2 check>运动</tr></td>
<tr><td>
          <input type=submit value="发送表单"> </td><td>
          <input type=reset value="重新填写"> </td></td>
          </form>
</table>
</bady>
</htm>

浏览效果为：

您的姓名：
您的性别：	男女
您的爱好：	上网运动

选择菜单框

选择菜单框标记格式为：<select name=*>

<option>......

</select>

若<option>标记变为<option selected>则表示该项被默认选中。

例如：

<html>
<head>
<title>表单示例2</title>
</head>
<bady>
这是选择菜单框的示例，在下边的下拉菜单中选择：
<table>
     <form action=getinfor.asp method=POST>
<tr><td>您的姓名：</td><td>
     <input type=text name=姓名 size=10></td></tr>
<tr><td>您的性别？</td><td>
     <select name=sex>
<option>男
<option selected>女
</select></td></tr>
<tr><td>
          <input type=submit value="发送表单"> </td><td>
          <input type=reset value="重新填写"> </td></td>
          </form>
</table>
</bady>
</htm>

浏览结果如下：

这是选择菜单框的示例，在下边的下拉菜单中选择：

您的姓名：
您的性别？

文本域

文本域标记格式为：<textarea name=*rows=**cols=**>......</textarea>

其中name为文本域的名称，rows属性为该文本域显示的行数，cols属性为该文本显示的宽度。

例如：

<html>
<head>
<title>表单示例3</title>
</head>
<bady>
这是选择文本域的示例，在文本域中可以输入浏览者的意见等类容：
<table>
     <form action=getinfor.asp method=POST>
<tr><td>请您提出宝贵的意见：</td><td>
<tr><td><textarea name=comment rows=5 cols=60>请您在这里输入您想说的话。该域高5行 宽60个字符.</textarea></td></tr>
    
<tr><td>
          <input type=submit value="发送表单"> </td><td>
          <input type=reset value="重新填写"> </td></td>
          </form>
</table>
</bady>
</htm>

浏览效果为：

这是选择文本域的示例，在文本域中可以输入浏览者的意见等类容：