Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 带有单击事件的非javascript多行控件_Html_Css - Fatal编程技术网

Html 带有单击事件的非javascript多行控件

Html 带有单击事件的非javascript多行控件,html,css,Html,Css,嗨,我有一个要求有一个链接,跨越多行,并有一个点击事件服务器端。问题是它必须在没有javascript的情况下运行 我试着用一个按钮,把它设计成一个链接。这在我使用房产时效果很好 white-space:normal 这使得文本跨越多行 然而,当我在IE6中检查它时,文本不会自动换行 有人知道如何使用服务器端onclick事件实现多文本行控件吗?我认为按钮是一个内联块,因此如果可以,它会尽量避免在内部包装。有两种方法可以强制它进行换行,例如将标记放在按钮内部,甚至使用(同样,在按钮内部)。我认

嗨,我有一个要求有一个链接,跨越多行,并有一个点击事件服务器端。问题是它必须在没有javascript的情况下运行

我试着用一个按钮,把它设计成一个链接。这在我使用房产时效果很好

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抱歉,我不理解将按钮包装为现有文本块的一部分的问题。(在这种情况下,我的技巧是每个单词都有单独的按钮。)