Html 带有单击事件的非javascript多行控件
嗨,我有一个要求有一个链接,跨越多行,并有一个点击事件服务器端。问题是它必须在没有javascript的情况下运行 我试着用一个按钮,把它设计成一个链接。这在我使用房产时效果很好Html 带有单击事件的非javascript多行控件,html,css,Html,Css,嗨,我有一个要求有一个链接,跨越多行,并有一个点击事件服务器端。问题是它必须在没有javascript的情况下运行 我试着用一个按钮,把它设计成一个链接。这在我使用房产时效果很好 white-space:normal 这使得文本跨越多行 然而,当我在IE6中检查它时,文本不会自动换行 有人知道如何使用服务器端onclick事件实现多文本行控件吗?我认为按钮是一个内联块,因此如果可以,它会尽量避免在内部包装。有两种方法可以强制它进行换行,例如将标记放在按钮内部,甚至使用(同样,在按钮内部)。我认
white-space:normal
这使得文本跨越多行
然而,当我在IE6中检查它时,文本不会自动换行
有人知道如何使用服务器端onclick事件实现多文本行控件吗?我认为按钮是一个内联块,因此如果可以,它会尽量避免在内部包装。有两种方法可以强制它进行换行,例如将
标记放在按钮内部,甚至使用
(同样,在按钮内部)。我认为按钮是一个内联块,因此如果可以,它会尽量避免在内部换行。有几种方法可以强制它进行包装,例如在按钮内放置
标记,甚至使用
(同样,在按钮内)。好的,我想出了一个解决方案。它依赖于
元素将聚焦/触发它所附加到的表单元素(输入、按钮)。事实证明,这也会触发按钮被点击。这意味着我们可以使用标签作为按钮本身的可点击“代理”元素。然后可以隐藏该按钮
我将按钮包装在标签内,并使按钮不可见,然后,标签可以按照您喜欢的方式进行样式设置-它是一个真正的内联元素,就像链接一样
下面是一个演示-如果您愿意,请获取代码:
HTML:
<label for="buttonTest" class="buttonProxy">I'm a clickable proxy <button type="submit" id="buttonTest" class="proxied"></button></label>
请注意,旧版IE不允许您与正确的“隐藏”表单元素交互:如果您的按钮
显示:无
或可见性:隐藏
,则该按钮将无法工作。将宽度/高度设置为0会起作用,使用IE特定规则将不透明度设置为0也会起作用。好的,我想出了一个解决方案。它依赖于
元素将聚焦/触发它所附加到的表单元素(输入、按钮)。事实证明,这也会触发按钮被点击。这意味着我们可以使用标签作为按钮本身的可点击“代理”元素。然后可以隐藏该按钮
我将按钮包装在标签内,并使按钮不可见,然后,标签可以按照您喜欢的方式进行样式设置-它是一个真正的内联元素,就像链接一样
下面是一个演示-如果您愿意,请获取代码:
HTML:
<label for="buttonTest" class="buttonProxy">I'm a clickable proxy <button type="submit" id="buttonTest" class="proxied"></button></label>
请注意,旧版IE不允许您与正确的“隐藏”表单元素交互:如果您的按钮
显示:无
或可见性:隐藏
,则该按钮将无法工作。将宽度/高度设置为0会起作用,使用IE特定规则将不透明度设置为0也会起作用。服务器端onclick的确切含义是什么?当您单击它时,您希望发生什么?我的意思是使用onclick后面的服务器端代码event@coder,为什么正常链接不起作用?您正在尝试提交表单吗?需要什么来触发服务器端处理程序?帖子?你能使用GET吗?一个普通的链接不起作用,因为它需要javascript?你对服务器端onclick的确切意思是什么?当您单击它时,您希望发生什么?我的意思是使用onclick后面的服务器端代码event@coder,为什么正常链接不起作用?您正在尝试提交表单吗?需要什么来触发服务器端处理程序?帖子?你能使用GET吗?普通链接不起作用,因为它需要javascript?
标记意味着你必须知道换行符将出现在哪里,这基本上是不可能的。表格技巧只会尝试使元素尽可能小,但它确实会强制换行,而不是您想要的那种。IE保留按钮的“内联块式”呈现,并且通常会忽略您给出的任何“显示”声明。我认为它永远不会运行与文本块内联的按钮。@Wesley@Beejamin抱歉,我不理解将按钮包装为现有文本块的一部分的问题。(在这种情况下,我的技巧是每个单词都有单独的按钮。)
标签意味着您必须知道换行符将出现在哪里——这基本上是不可能的。表格技巧只会尝试使元素尽可能小,但它确实会强制换行,而不是您想要的那种。IE保留按钮的“内联块式”呈现,并且通常会忽略您给出的任何“显示”声明。我认为它永远不会运行与文本块内联的按钮。@Wesley@Beejamin抱歉,我不理解将按钮包装为现有文本块的一部分的问题。(在这种情况下,我的技巧是每个单词都有单独的按钮。)