如何在HTML中创建“if”之类的结构

时间:2014-07-05 04:30:56

标签: html

在我的网站上,我想添加一个带有你名字的表格,根据名字,告诉你你的角色是什么。这适用于人们拥有私人角色的时候。

如何在不使用JavaScript的情况下在HTML中完成此操作?如果我想要名称“jack”来显示“writer”,那么我可能需要做什么呢?

谢谢。

6 个答案:

答案 0 :(得分:1)

在纯HTML中,除非您使用服务器进程(根据角色列表的大小,这可能是个好主意),否则无法实现。

在JavaScript中就像这样

Live Demo

var roles = {
  "jack":"writer",
  "jill":"reader"
}
function matchRole(theField) {
  var role = roles[theField.value.toLowerCase()];
  document.getElementById("role").innerHTML=role?role:"";
}
window.onload=function() { 
  document.getElementById("username").onkeyup=function() { 
    matchRole(this);
  } 
}

答案 1 :(得分:0)

HTML不是一种交互式语言。您将需要使用Javascript或表单和服务器端语言,如PHP。

答案 2 :(得分:0)

您不能仅使用HTML来执行此操作。您需要客户端或服务器端脚本(或两者的组合)来处理表单条目并更新页面。

答案 3 :(得分:0)

使用纯HTML无法做到这一点。 HTML只是一种标记语言:它描述了页面的外观,而不是它的运作方式。

如果您想要有效果的按钮和表单,您需要在堆栈中的某个位置使用脚本语言。一种选择是使用Javascript来监听按钮单击并根据输入的值更改布局。另一种选择是使用form的HTML属性将用户引导到服务器端脚本 - 用PHP,Python或几乎任何其他语言编写 - 使用表单发送的值来生成包含您要显示的信息的新页面。

答案 4 :(得分:0)

HTML&就我而言,CSS被认为是 declarative programming ,因此如果没有像Javascript(客户端)或PHP(服务器)这样的编程语言,就无法实现您的目标。侧)。

答案 5 :(得分:0)

HTML是HypterText标记语言的缩写,作为标记语言,它本身没有条件或循环结构。相反,JavaScript(或仅VBScript)被开发用于在客户端提供该功能。最初,基于表单的输入是执行逻辑的唯一选择(例如服务器端逻辑)。