Question

我正在制作一个项目，我想在其网站的右下角显示一个注销按钮。

我正在使用以下无法正常运行的代码。

<form align="right" name="form1" method="post" action="log_out.php">
  <label>
  <input name="submit2" type="submit" id="submit2" value="log out">
  </label>
</form>

Answer 1

您可以使用css执行以下操作：

的CSS：

.logoutLblPos{

   position:fixed;
   right:10px;
   top:5px;
}

// HTML

<form align="right" name="form1" method="post" action="log_out.php">
  <label class="logoutLblPos">
  <input name="submit2" type="submit" id="submit2" value="log out">
  </label>
</form>

Answer 2

将您的代码包装在潜水中，如下所示

<div style="float:right">
<form align="right" name="form1" method="post" action="log_out.php">
  <label class="logoutLblPos">
  <input name="submit2" type="submit" id="submit2" value="log out">
  </label>
</form>
</div>

Answer 3

尝试此选择菜单，其中包含访客姓名和登出选项，您可以根据您的要求增加选项数量。，使用HTML和Jquery。

<div data-role="page">
<div data-role="header" style='height:50px'>
<select id=logoutmenu  class="ui-btn-right ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-     btn-icon-notext ui-btn-up-a" data-inline='true' onChange=$.RequiredFunction();name="divlogout" data-icon="grid" data-iconpos="notext" data-native-menu="false">
<option value = "blank"></option>
<option id="_optionGuest"> Guest Name </option>
<option id="_logout">Logout</option>
</select>
</div>
</div>

如何使用html在我的网站的右下角设置注销按钮

3 个答案: