首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:17:40 508

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

工具/原料

  • 宽带上网
  • 电脑

方法/步骤

  • 1

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

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

  • 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 3

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

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

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

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

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

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

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

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

  • 4

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

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

  • 5

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

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

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

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

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

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

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

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

  • 6

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

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

  • 7

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

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

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

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

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


    标签: HTML

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