fieldset | 易学教程

Printing fieldsets in firefox

阅读更多关于 Printing fieldsets in firefox

问题 I've been adding some new css to an existing project (using media="print") in the page header. It's going smooth and (for once!) IE is giving nice, expected results, but Firefox does not... The problem is that I have a fieldset which contains a lot of fields, and Firefox completely refuses (even in the latest version) to allow a page break inside the fieldset. This means anything that doesn't fit on one page is lost... I've found the bug acknowledged on the mozilla website which has been open

How can I make a fieldset legend-style “background line” on heading text?

阅读更多关于 How can I make a fieldset legend-style “background line” on heading text?

I'm attempting to style heading text similar to how your default legend text appears in fieldsets; that is to say, I'd like a strikethrough-like line to come up to, but not through, the text. I can't seem to find any information on how I might accomplish this, and since on numerous other questions Google's always directed me to Stack Overflow for answers, I thought someone here may be able to give me advice. For greater clarity. I'm attempting to get this effect on header text: Centered Header Text Is there any way to do this? See: http://jsfiddle.net/thirtydot/jm4VQ/ If the text needs to wrap

表格与表单

阅读更多关于表格与表单

1、表单 button按钮（不进行提交） <input type="button" value="按钮内容" /> <button type="reset"> </button> 单选框(单选按钮) <input type="radio" name="ral" /> 复选框 <input type="checkbox" name="like" /> checked="checked"; 默认选中 disabled="disabled" ；禁用 enabled=“enabled” ；可用多行文本框（文本域） <textarea cols="字符宽度" rows="行数" ></textarea> 阻止浏览器对窗口的拖动设置:{resize:none;}（css属性）设置文本框与提示字对齐方式，对textarea设置vertical-align 列表和下拉菜单下拉菜单 <select > <option>选项1</option> <option>选项2</option> ...... </select> 注： <select size="数值"></select> (有size 属性的是列表) 上传文件框文件域： <input type="file" /> 隐藏表单，一般用作数据存储文件域： <input type="hidden" value="订单编号" />

Django and fieldsets on ModelForm

阅读更多关于 Django and fieldsets on ModelForm

问题 I know you can specify fieldsets in django for Admin helpers. However, I cannot find anything useful for ModelForms. Just some patches which I cannot use. Am I missing something? Is there a way I could achieve something like fieldsets without manually writing out each field on my template in the appropriate tag. I would ideally like to iterate through a set of BoundFields. However, doing something like this at the end of my ModelForm: fieldsets = [] fieldsets.append(('Personal Information',

Default CSS values for a fieldset <legend>

阅读更多关于 Default CSS values for a fieldset

问题 I'm trying to use a <legend> as a title inside a <fieldset> . In browsers other than IE, the <legend> is positioned on the top border of the <fieldset> , with the text perfectly centered on the line. I'm trying to reset it's position so that it sits just like any other element. i.e. an <h3> . Here's the CSS I have so far. fieldset legend { margin: 0; padding: 0; position: static; border: 0; top: auto; left: auto; float: none; display: block; font-size: 14px; line-height: 18px; } But the

Is it possible to achieve a <fieldset>-like effect without using the <fieldset> tag?

阅读更多关于 Is it possible to achieve a -like effect without using the tag?

问题 I personally like the <fieldset> tag because of how it draws a box and puts the <legend> at the top of it, over the border. Like this. However, the fieldset element was made to organize forms, and using it for general design is no better than using tables for general design. So, my question is... how can I achieve the same result using another tag? The border has to be erased under the <legend> (or whatever other tag will be used), and since there could be a "complex" body background image, I

How can I make a fieldset legend-style “background line” on heading text?

阅读更多关于 How can I make a fieldset legend-style “background line” on heading text?

问题 I\'m attempting to style heading text similar to how your default legend text appears in fieldsets; that is to say, I\'d like a strikethrough-like line to come up to, but not through, the text. I can\'t seem to find any information on how I might accomplish this, and since on numerous other questions Google\'s always directed me to Stack Overflow for answers, I thought someone here may be able to give me advice. For greater clarity. I\'m attempting to get this effect on header text: Centered

<fieldset> resizes wrong; appears to have unremovable `min-width: min-content`

阅读更多关于 resizes wrong; appears to have unremovable `min-width: min-content`

问题 Problem I have a <select> where one of its <option> ’s text values is very long. I want the <select> to resize so it is never wider than its parent, even if it has to cut off its displayed text. max-width: 100% should do that. Before resize: What I want after resize: But if you load this jsFiddle example and resize the Result panel’s width to be smaller than that of the <select> , you can see that the select inside the <fieldset> fails to scale its width down. What I’m actually seeing after