专注于互联网--专注于架构

 最新标签
网站地图
文章索引
Rss订阅

首页 »Html教程 » html教程:HTML <input>标签:建立密码输入框等 »正文

html教程:HTML <input>标签:建立密码输入框等

来源: 发布时间:星期三, 2008年10月22日 浏览:109次 评论:0
、如何在HTML里建立文字输入框。用户可以在里面写文字？
源代码：
<html>
<body>
<form>
姓名：
<input type="text" name="Name">
<br>
年龄：
<input type="text" name="Age">
</form>
</body>
</html>
显示效果


2、如何在HTML页面里建立密码输入框？
源代码：
<html>
<body>
<form>
用户名：
<input type="text" name="user">
<br>
密码：
<input type="password" name="password">
</form>
<p>
注意：在密码框中输入时，所输入的字符会显示为*
</p>
</body>
</html>
显示效果


3、如何在HTML页面里建立复选框。用户可以选择或不选择 ？
源代码：
<html>
<body>
<form>
POP
<input type="checkbox" name="pop">
<br>
Google
<input type="checkbox" name="google">
</form>
</body>
</html>
显示效果



4、如何在HTML中建立单选按钮？
源代码：
<html>
<body>
<form>
男：
<input type="radio" checked="checked"
name="Sex" value="男">
<br>
女：
<input type="radio"
name="Sex" value="女">
</form>
<p>
当访问者点击了一个单选按钮时，该按钮被选中，同时与之同组的其他按钮处于未选中状态。
</p>
</body>
</html>
显示效果



5、怎样为页面加上一个表单。里面包括两个输入框和一个提交按钮？
源代码：
<html>
<body>
<form name="input" action="Result.asp" method="get">
POP
<input type="checkbox" name="pop" checked="checked"><br>
Google
<input type="checkbox" name="google">
<br>
<input type="submit" value="提交">
</form>
<p>
表单提交后，会转到一个先的页面 Result.asp
</p>
</body>
</html>
显示效果



6、 如何建立按钮。按钮的文字可以自己定义？
源代码：
<html>
<body>
<form>
<input type="button" value="欢迎来到POP">
</form>
</body>
</html>
显示效果



8、这个表单里有两个复选框，以及一个提交按钮？
源代码：
<html>
<body>
<form name="input" action="Result.asp" method="get">
POP
<input type="checkbox" name="pop" checked="checked"><br>
Google
<input type="checkbox" name="google">
<br>
<input type="submit" value="提交">
</form>
<p>
表单提交后，会转到一个先的页面 Result.asp
</p>
</body>
</html>
显示效果



9、这个表单包含两个单选按钮，以及一个提交按钮
源代码：
<html>
<body>
<form name="input" action="Result.asp" method="get">
男：
<input type="radio" name="Sex" value="男" checked="checked">
<br>
女：
<input type="radio" name="Sex" value="女">
<br>
<input type ="submit" value ="提交">
</form>
<p>
表单发送后会转到新的窗口Result.asp
</p>
</body>
</html>
显示效果
下载文章的 PDF文档电子版 离线看

相关文章

读者评论

  • 共0条 分0页

发表评论

  • 昵称：
  • 内容：

热门标签

精华推荐

Dig排行

阅读排行

评论排行