首页 > 软件开发 > HTML >

静态网页中如何设置表单与输入

来源:互联网 2023-03-16 19:17:40 版权归原作者所有,如有侵权,请联系我们

经常浏览各大网站注册的朋友应该很熟悉,注册填资料时一般让你填姓名、用户名、密码等等。那么这些功能在静态网页中是如何实现的呢?vvK办公区 - 实用经验教程分享!

工具/原料

  • 宽带上网
  • 电脑

方法/步骤

  • 1

    在电脑桌面使用鼠标右键,新建一个记事文本,重新命名为:表单实例.html,按回车确认vvK办公区 - 实用经验教程分享!

    静态网页中如何设置表单与输入?vvK办公区 - 实用经验教程分享!

  • 2

    选中刚创建的html文件,右击选择记事本打开,并输入代码:vvK办公区 - 实用经验教程分享!

    html>vvK办公区 - 实用经验教程分享!

    vvK办公区 - 实用经验教程分享!

    vvK办公区 - 实用经验教程分享!

    head>vvK办公区 - 实用经验教程分享!

    title>表单实例/title>vvK办公区 - 实用经验教程分享!

    /head>vvK办公区 - 实用经验教程分享!

    vvK办公区 - 实用经验教程分享!

    vvK办公区 - 实用经验教程分享!

    body>vvK办公区 - 实用经验教程分享!

    表单实例vvK办公区 - 实用经验教程分享!

    /body>vvK办公区 - 实用经验教程分享!

    vvK办公区 - 实用经验教程分享!

    vvK办公区 - 实用经验教程分享!

    /html>vvK办公区 - 实用经验教程分享!

    点击记事本左上文件选项菜单下的保存vvK办公区 - 实用经验教程分享!

    静态网页中如何设置表单与输入?vvK办公区 - 实用经验教程分享!

  • 3

    回到记事本,在body>下方,手写代码:vvK办公区 - 实用经验教程分享!

    名:vvK办公区 - 实用经验教程分享!

    input type="text" name="firstname">vvK办公区 - 实用经验教程分享!

    br />vvK办公区 - 实用经验教程分享!

    姓:vvK办公区 - 实用经验教程分享!

    input type="text" name="lastname">vvK办公区 - 实用经验教程分享!

    点击保存vvK办公区 - 实用经验教程分享!

    静态网页中如何设置表单与输入?vvK办公区 - 实用经验教程分享!

  • 4

    回到桌面双击html文件,打开页面显示姓名及输入框vvK办公区 - 实用经验教程分享!

    静态网页中如何设置表单与输入?vvK办公区 - 实用经验教程分享!

  • 5

    在记事本form>下方添加进代码:vvK办公区 - 实用经验教程分享!

    用户:vvK办公区 - 实用经验教程分享!

    input type="text" name="user">vvK办公区 - 实用经验教程分享!

    br />vvK办公区 - 实用经验教程分享!

    密码:vvK办公区 - 实用经验教程分享!

    input type="password" name="password">vvK办公区 - 实用经验教程分享!

    点击保存vvK办公区 - 实用经验教程分享!

    静态网页中如何设置表单与输入?vvK办公区 - 实用经验教程分享!

  • 6

    回到桌面双击html文件,在打开页面显示用户名、密码及输入框vvK办公区 - 实用经验教程分享!

    静态网页中如何设置表单与输入?vvK办公区 - 实用经验教程分享!

  • 7

    注意在网页上密码输入框里随意键入字符时,会显示黑圆点来代替这些字符vvK办公区 - 实用经验教程分享!

    静态网页中如何设置表单与输入?vvK办公区 - 实用经验教程分享!

  • 7相关内容非法爬取自百度经验
  • 注意事项

    • 如本经验对你有帮助,请点个赞,谢谢!!!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!vvK办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号